@charset "utf-8";

/* CSS Document */

body{font-size:14px;  font-family:'宋体'; color:#666; overflow-x:hidden; background:url(/images/bg1.jpg); }

*{ margin:0px; padding:0px; }

img{border:0px; }

a{ text-decoration:none; color:#333;}

li{ list-style:none}

.clear{ clear:both}

a:hover{ color:#006699}

input{ outline:none;}



input[type="button"], input[type="submit"], input[type="text"] {



-webkit-appearance: none; border-radius:0px;

}



textarea {  -webkit-appearance: none;}/*针对去苹果默认样式*/

select{border-radius:0px;}/*针对去苹果圆角*/



div.middle{ width:1220px; margin:0px auto;  }

div.toubu{ position:relative; z-index:2}

/*pc端头部start*/

div.head{ height:150px;}

.headtop{ height:113px;}

div.head img.logo{ float:left; margin-top:15px; }

.headr{ float:right;}

.headr p{ display:block; padding:10px 0px;}

.headr p a{ padding:0px 10px;}

.headr img{ height:70px; display:block; margin:auto}

div.head div.wapdh{ display:none}

div.head ul.nav{ float:left; min-width:625px;}

div.head ul.nav li a{transition: All 0.4s ease-in-out;

            -webkit-transition: All 0.4s ease-in-out;

            -moz-transition: All 0.4s ease-in-out;

            -o-transition: All 0.4s ease-in-out;}

div.head ul.nav li.yi{ float:left; width:20%; width:auto; padding:0px 10px; height:47px; line-height:47px; text-align:center; position:relative;}

div.head ul.nav li.yi a.ayi{ font-size:16px; display:block; width:100%; height:100%; color:#006699}

div.head ul.nav li.yi:hover a.ayi{ color:#333; }

div.head ul.nav li.yi.hover a.ayi{ color:#333; }

div.head ul.nav li.yi ul.ernav{ position:absolute; left:0px; top:-4430px; width:100%; display:none;background:#FFF}

div.head ul.nav li.yi:hover ul.ernav{ display:block;}

div.head ul.nav li.yi ul.ernav li.er{ width:100%; height:24px; line-height:24px; position:relative;}

div.head ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center;}

div.head ul.nav li.yi ul.ernav li.er:hover a.aer{ background:#000; color:#FFF}

div.head ul.nav li.yi ul.ernav li.er ul.sannav{ position:absolute; top:0px; left:100%; display:none; width:100%; background:#FFF}

div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san{ width:100%; height:24px; line-height:24px;}

div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center}

div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san:hover a.asan{ background:#000; color:#FFF}

div.head ul.nav li.yi ul.ernav li.er:hover ul.sannav{ display:block;}

div.head ul.nav li a.you{ position:relative;}

div.head ul.nav li a.you span{ position:absolute; right:5px; line-height:24px;}

div.head ul.nav li a.ayi span{ display:none}

div.head a.hsou{ margin-top:40px; display:block; height:30px;float:right; position:relative; margin-left:10px; width:29px; overflow:hidden; }

div.head a.hsou img{ position:absolute; right:7px; top:3px;}

div.head a.hsou input{ display:block; margin:0px; height:27px; position:absolute; right:-158px; top:0px; border:1px solid #999; width:148px; border-radius:27px; line-height:27px; text-indent:15px;transition: All 0.4s ease-in-out;

            -webkit-transition: All 0.4s ease-in-out;

            -moz-transition: All 0.4s ease-in-out;

            -o-transition: All 0.4s ease-in-out; }

div.head a.hsou img.xiao{ display:none}

div.head a.hsou img.xian{ display:block}

div.head a.hsou.you{ width:150px;}

div.head a.hsou.you input{ right:0px;}

div.head a.hsou.you img.xiao{ display:block}

div.head a.hsou.you img.xian{ display:none}

.dlsou{ float:right; width:158px; height:37px; line-height:37px; background:#f1f1f1;}

.dlsou input{ display:block; border:none; height:37px; line-height:37px; background:#f1f1f1;width:133px; float:left; text-indent:10px;}

.dlsou img{ display:block; float:left;}





/*pc端头部end*/

/*手机版头部start*/

div.wapheaddianbei{ width:100%; height:50px; display:none;}

div.waphead{ position:fixed; width:100%; left:0px; top:0px; z-index:99999999 }

div.waphead div.wapdh{ display:block; width:100%; height:50px; background:#FFF;border:1px solid #eee }

div.waphead div.wapdh img.waplogo{  height:40px; padding-top:5px; float:left; margin-left:10px;}







.menuBtn{

    float:right;

    width:30px;

    height:30px; margin-top:10px;

	margin-right:10px;

    cursor:pointer;

    transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    -o-transition:.3s; position:relative;

}

.menuBtn b{

    display:block;

    height:3px;

    background-color:#0056a3;

    margin:6px 0;

    border-radius:2px;

    transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    -o-transition:.3s;

}



.menuBtn.open b{

    display:none;

    margin:0;

    position:absolute;

    top:15px;

    width:30px;

}

.menuBtn.open b:first-child{

    display:block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menuBtn.open b:last-child{

    display:block;

    transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

}





div.waphead img.logo{ display:none;}

div.waphead div.middle{ width:70%; float:right; background:#FFF; position:relative;  }

div.waphead ul.nav{ width:100%;padding-bottom:10px; padding-top:10px; overflow-x:hidden;transition: All 0.4s ease-in-out;

            -webkit-transition: All 0.4s ease-in-out;

            -moz-transition: All 0.4s ease-in-out;

            -o-transition: All 0.4s ease-in-out; position:absolute; background:#F7F7F7; top:0px; right:-100%;}

div.waphead ul.nav.ulnavxian{ right:0px;}



div.waphead ul.nav li a{transition: All 0.4s ease-in-out;

            -webkit-transition: All 0.4s ease-in-out;

            -moz-transition: All 0.4s ease-in-out;

            -o-transition: All 0.4s ease-in-out;}



div.waphead ul.nav li.yi{ width:100%; height:auto; border-bottom:1px solid #eee }

div.waphead ul.nav li.yi a.ayi{ display:block; width:100%; height:40px; line-height:40px;  font-size:14px; text-indent:10px; position:relative}

div.waphead ul.nav li.yi a.ayi span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;

            -webkit-transition: All 0.4s ease-in-out;

            -moz-transition: All 0.4s ease-in-out;

            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px; width:9px; height:6px; display:block; background:url(s-ico1.png); top:15px;



			}

			div.waphead ul.nav li.yi a.ayi span.rotat{transform: rotate(180deg) scale(1);

            -webkit-transform: rotate(180deg) scale(1);

            -moz-transform: rotate(180deg) scale(1);

            -o-transform: rotate(180deg) scale(1);

            -ms-transform: rotate(180deg) scale(1); background:url(s-ico2.png);}

div.waphead ul.nav li.yi ul.ernav{ width:100%; height:auto; display:none;background:#FeFeFe;}

div.waphead ul.nav li.yi ul.ernav li.er{ height:auto; width:100%;}

div.waphead ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:30px; line-height:30px; position:relative;  text-indent:12px; font-size:12px; display:block;}







div.waphead ul.nav li.yi ul.ernav li.er a.aer span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;

            -webkit-transition: All 0.4s ease-in-out;

            -moz-transition: All 0.4s ease-in-out;

            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px;

background:url(s-ico1.png); top:10px; width:9px; height:6px; display:block;

			}

			div.waphead ul.nav li.yi ul.ernav li.er a.aer span.rotat{transform: rotate(180deg) scale(1);background:url(s-ico2.png);}











div.waphead ul.nav li.yi ul.ernav li.er ul.sannav{ width:100%; height:auto; display:none}

div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san{ height:auto; width:100%;}

div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{width:100%; height:30px; line-height:30px; font-size:12px;  text-indent:12px; display:block;}

div.waphead ul.nav li a:hover{ padding-left:0px;}

/*手机版头部end*/





.small,.nosmall,.big,.nobig,.slide-T, .slide-B, .slide-L, .slide-R, .slide-W, .slide-Wsmall, .slide-H, .noslide-T, .noslide-B, .noslide-L, .noslide-R, .noslide-W, .noslide-Wsmall, .noslide-H{

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

}

.hasimg{ display:block; overflow:hidden;}

.hasimg img{transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease; display:block; width:100%;}

.hasimg:hover img{

	   transform: rotate(0deg) scale(1.1);

            -webkit-transform: rotate(0deg) scale(1.1);

            -moz-transform: rotate(0deg) scale(1.1);

            -o-transform: rotate(0deg) scale(1.1);

            -ms-transform: rotate(0deg) scale(1.1);

	}





.hasdiv{ overflow:hidden; display:block;}

.hasdiv .bkg{ display:block; width:100%;transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;}

.hasdiv:hover .bkg{	   transform: rotate(0deg) scale(1.1);

            -webkit-transform: rotate(0deg) scale(1.1);

            -moz-transform: rotate(0deg) scale(1.1);

            -o-transform: rotate(0deg) scale(1.1);

            -ms-transform: rotate(0deg) scale(1.1);}



.l{ float:left;}

.r{ float:right;}

.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}

.small{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);}/*由小至大*/

.nosmall{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);}/*由小至大无需滚轮*/

.big{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}/*由大至小*/

.nobig{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}/*由大至小无需滚轮*/

.smallbigton{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}

.slide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}/*由上至下*/

.noslide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}/*由上至下无需滚轮*/

.slide-Ton{top:0px; opacity:1; filter: alpha(opacity=1);}

.slide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}/*由下至上*/

.noslide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}/*由下至上无需滚轮*/

.slide-Bon{bottom:0px; opacity:1; filter: alpha(opacity=1);}

.slide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}/*由左至右*/

.noslide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}/*由左至右无需滚轮*/

.slide-Lon{left:0px; opacity:1; filter: alpha(opacity=1);}

.slide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}/*由右至左*/

.noslide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}/*由右至左无需滚轮*/

.slide-Ron{right:0px; opacity:1; filter: alpha(opacity=1);}









/*图片列表相应start*/

div.list_thumb ul li{ float:left; width:32%;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden;}

div.list_thumb ul li .bkg{ padding-bottom:48%;}

div.list_thumb ul li.z{ margin-right:0px;}

div.list_thumb ul li div.list_thumb_div{}

div.list_thumb ul li div.list_thumb_div a.list_thumb_abt{ display:block; line-height:120%}

div.list_thumb ul li div.list_thumb_div p{ display:block; text-align:left;}

div.list_thumb ul li div.list_thumb_div a.axiangq{}

div.list_thumb ul li:hover div.list_thumb_div{}

div.list_thumb ul li:hover div.list_thumb_div a.list_thumb_abt{ display:block; line-height:120%}

div.list_thumb ul li:hover div.list_thumb_div p{ display:block; text-align:left;}

div.list_thumb ul li:hover div.list_thumb_div a.axiangq{}

/*图片列表相应end*/





/*公共标题(居中)start*/

div.comtitle{ text-align:center; display:block; }

div.comtitle span.c{ display:block;  }

div.comtitle span.e{ display:block; text-transform : uppercase}

div.comtitle p{ display:block; }

/*公共标题end*/



/*公共标题1start(居左)*/

div.comtitle1{ border-bottom:1px solid #999; height:40px; line-height:40px;}

div.comtitle1 span.c{ float:left; display:inline-block;}

div.comtitle1 span.e{text-transform : uppercase; display:inline-block; float:left;}

div.comtitle1 a{ float:right;}

/*公共标题1end*/









/*图文混排1start*/

div.twhp{ margin-bottom:4%;}

div.twhp a.hasimg{ float:left; width:40%;}

div.twhp div.twhpnr{ float:right; width:55%;}

div.twhp div.twhpnr a.twhptitle{ display:block; float:none;}

div.twhp div.twhpnr p{ display:block;}

div.twhp div.twhpnr a.axx{ float:right}

/*图文混排1end*/



img.jiantou{ position:absolute;}





.index{ padding-top:4px;}

.index1{ background:url(csm_Geistlich_collagen_1200x550_930c0deae4.jpg) center center no-repeat; background-size:cover; padding-top:7px;}

.half{ width:50%; position:relative}

.si{ width:25%; background:#706f6f; margin-top:10px; height:360px; position:relative}

.about{ background:#706f6f;}

.about .bkg{ padding-bottom:113%;}

.combuju{ padding:0px 10%;}

.gongongtitle{ color:#FFF; font-weight:bold; font-size:20px; display:block;font-size: 2em;

    line-height: 36px;

    margin-top: 16px;

    margin-bottom: 10px;}

.aboutzi p{ line-height:22px;}

.aboutzi p a{ color:#FFF; font-size:16px; display:block; line-height:110%; padding-bottom:10px; padding-top:10px;}

.ship{ display:block; height:360px;}

.ship video{ }



.gongongtitle{color:#FFF; font-weight:bold; font-size:20px; display:block;font-size: 1.5em;

    line-height: 36px;

    margin-top: 16px;

    margin-bottom: 10px; float:left;}

	.gongongtitles{ color:#5c5b60;}

.latest ul{ max-width:100%}

.latest ul li{  padding-top:0px;  overflow:hidden; padding-bottom:7px;}

.latest ul li span{ display:block; color:#FFF; padding-top:2px; padding-bottom:3px;}

.latest ul li a{ color:#FFF; font-size:14px; line-height:18px;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden; }

.pro{ background:#dcddde;}



.pro1{ height:180px;}

.pro1 dl{}

.pro1 dl span{}

.pro1 dl p{	display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 5;

overflow: hidden; line-height:20px;}

.pro .bkg{ height:180px;}

.linchang{ background:#706F6F }

.linchang p{ color:#FFF;}



.huod{ background:#dcddde;}

.huod ul li span,.huod ul li a{ color:#333}

.maps{ background:#dcddde; margin-top:10px;}

.maps .m1{ width:25%; display: none;}

.maps .m1 span{ display:block; padding-left:30%; font-weight:bold; font-size:16px;

    color: #5c5b60; padding-top:26px;

    margin-bottom: 15px;}

.maps .m1 .select_container{display:block; padding-left:30%}

.maps .m1 .select_container select{ width:100%; height:32px;}

.maps .m1 input{width: 45px;

    height: 23px;

    background-color: #404040;

    color: #f1f1f1;

    border: 0px; cursor:pointer; float:right}

.maps .m2{ width:60%}

.maps .m2 img{ display:block; max-width:100%; margin: auto;}

.maps .m3{ width:40%;}

.maps .m3 .contact_container{}

.maps .m3 .contact_container .contact_title{font-size: 20px; font-weight:bold; display:block; padding-top:30px;

    margin-bottom: 12px;}

.maps .m3 .contact_container .contact_uppertext{ display:block;}

.contact_image{padding: 11px 0 12px 0;}

.contact_image img{ max-width:100%;}

.contact_lowertext{}

.foot{ line-height:65px;}

.foot span{ display:inline-block}





span.arr1{ font-size:30px; color:#5c5b60; font-weight:bold; display:block; padding-top:3%}

.banner{ display:block; text-align:center; width:100%;}

.banner img{ display:block; width:100%; margin:0px auto;}

.neiye{}

.left{ width:16%; margin-top:30px;}

.left .lefternav{ padding-left:2%; display:block}

.left .lefternav li{ line-height:18px; display:block; padding-bottom:10px;}

.left .lefternav li a.zhu{ }

.left .lefternav li a.zhu.erhover{ color:#0056a3}

.left .lefternav li a.zhu:hover{color:#0056a3}

.left .lefternav li div{ padding-left:14px; padding-top:6px; line-height:160%; padding-bottom:6px;}

.left .lefternav li div a{ display:block; position:relative}
.left .lefternav li div a span{ position:absolute; left:-10px; top:0px;}

.left .lefternav li div a:hover{color:#0056a3}

.left .lefternav li div a.sanhover{color:#0056a3}

.zhongjian{ width:55.2%; margin-left:1.5%; margin-top:2%}
.zhongjian2{ width:71.2%; margin-left:1.5%;}
.zhongjian3 { width:100%}


.zhongjian1 { margin-top:20px;

    width: 64.5%;

    margin-left: 8.5%;

}







.right{ width:25%; background:#f0f0f0; padding-bottom:20px;}

.right .right_nr{ display:block; margin:auto; width:260px; max-width:95%}

.right .right_nr span{ display:block; color:#3f3f3f; font-size:16px; font-weight:bold; padding:18px 0px 6px;}

.right li{ padding-bottom:10px;}

p.ptel{ line-height:20px; }







.Downloads{ background:#0557A1; padding-bottom:15px;}

.Downloads .right_nr span{ display:block;display:block; color:#FFF; font-size:16px; font-weight:bold; padding:18px 0px 6px;}

.Downloads ul{ padding-top:4px;}

.Downloads ul a{ color:#FFF; padding-left:24px;  display:block; background:url(application_pdf.gif) left 1px no-repeat; line-height:20px; padding-bottom:10px;}



.yin{ display:none}

.yang{ display:block}





.dan_con li{ list-style-type:disc; list-style-position:inside }

.tong_connr li{ list-style-type:disc; list-style-position:inside }





@media screen and (max-width:1444px){

}

@media screen and (max-width:1220px){

div.middle{ width:96%;}

}



@media screen and (max-width:1219px){

.ship{ height:auto; padding-bottom:11px;}



}

@media screen and (max-width:1150px){

	.maps{ padding-bottom:15px;}

}

@media screen and (max-width:1024px){

.aboutzi p a {





    padding-bottom: 4px;

    padding-top: 4px;

}



.left .lefternav{ padding-left:0%; }



	}

@media screen and (max-width:1000px){

.pc{ display:none;}

.wap{ display:block;}

}

@media screen and (max-width:850px){

.si{ width:50%}

img.jiantou{ display:none}



.yin{ display:block}

.yang{ display:none}





}

@media screen and (max-width:800px){

	.half{ width:100%}

	.about{ padding-bottom:15px;}

	.left{ float:none; width:100%; margin-top:8px; margin-bottom:5px;}

	.left li{ float:left; margin-right:10px; border:1px solid #CCC; padding:5px 10px; margin-bottom:10px;}

.zhongjian{ width:71.2%; margin-left:0%;}
.zhongjian2{ width:100%; margin-left:0%;}

.zhongjian1{ width:71.2%; margin-left:0%;}

.right{ width:26%}

.halfabout{ display:none}

.cphalf{ width:50%}



.aboutzi p a {

    padding-bottom: 4px; display:block; width:50%; float:left;

    padding-top: 4px;

}





	}

@media screen and (max-width:640px){

div.list_thumb ul li{ width:45%; margin-left:3.3%; margin-bottom:3.3%; margin-right:0px;}

div.xuanzhuan li{ width:45%; margin-left:3.3%;}



.maps .m1 span{ padding-left:4%;}

.maps .m1 .select_container{padding-left:4%}


p.ptel{ text-align:left; max-width:95%; display:block; margin:auto}


}



@media screen and (max-width:600px){

	.maps .m1,.maps .m2,.maps .m3{ width:96%; margin-left:2%;}

	.maps .m1 span{ padding-left:0%;}

.maps .m1 .select_container{padding-left:0%}

.maps .m3{ text-align:center;}

.gongongtitle{ font-size: 18px;

    line-height: 24px;

    margin-top: 9px;

    margin-bottom: 7px;}



	.latest ul li a{ }



	.zhongjian{ width:100%; margin-left:0%;}
	.zhongjian2{ width:100%; margin-left:0%;}

	.zhongjian1{ width:100%; margin-left:0%;}

.right{ width:100%}

	.right .right_nr{ width:95%}

	}



@media screen and (max-width:480px){

		div.twhp a.hasimg{ float:none; width:100%;}

    div.twhp div.twhpnr{ float:none; width:100%;}

}

@media screen and (max-width:370px){

	div.waphead div.wapdh img.waplogo {height: 32px;

    padding-top: 9px;

    margin-left: 7px;}

}