/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#282828; /*-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;*/}
a:hover {text-decoration:none; color:#3071b9;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:600;}i,em {font-style:normal;}

button, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none; outline:none;}
button {cursor:pointer; outline:none;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}

@font-face {
/*阿里巴巴普惠体*/
font-family: 'Alibaba-PuHuiTi-Regular';
src:url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype')
font-weight: normal;
font-style: normal;

/*思源黑体*/
font-family: 'SourceHanSansCN-Regular';
src: url('../font/SourceHanSansCN-Regular.eot');
src:
 url('../font/SourceHanSansCN-Regular.eot?#font-spider') format('embedded-opentype'),
 url('../font/SourceHanSansCN-Regular.woff') format('woff'),
 url('../font/SourceHanSansCN-Regular.ttf') format('truetype'),
 url('../font/SourceHanSansCN-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}


body {font-size:12px; color:#282828; background:#fff; font-family:Alibaba-PuHuiTi-Regular,Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none; text-align: justify;}

.main {position:relative; margin:0 auto; width:96%; max-width:1200px; color:#444;}
.fl {float:left;}
.fr {float:right;}

/***头部***/
.header {display:block;}
.m-header {display:none;}

.header {position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:99; border-bottom:1px #ddd solid; /*box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.2);*/}
.header .main {height:70px;}

.header-logo {margin-top:11px; width:10%; max-width:120px;}

.header-nav {margin-top:18px; height:52px; width:63%; padding-left:4%; padding-right:4%;position:relative;}
.header-nav li {position:relative; display:inline-block; vertical-align:middle; margin:0 4.5%; height:52px; font-size:16px; width:10%; text-align:center;}
.header-nav li a {display:block; height:40px; line-height:40px; color:#3e3a39; -webkit-transition:none; transition:none;}
.header-nav h2 {font-size:16px;}
.header-nav ul>li.intro>h2:before {content: "";position:absolute; width:40px; height:2px; background-color:#3e3a39; left:50%; margin-left:-20px; bottom:15px;}


#nav_hover_bg {width:100%; background-color:rgba(0, 0, 0, 0.85);  position:absolute; top:70px; z-index:99; overflow:hidden; padding:0; margin:0;}

.header-nav ul li .sub-nav {position:absolute; /*top:70px;*/ width:1200px; height:0; z-index:999; overflow:hidden;}
.header-nav ul li .sub-nav ul {padding:55px 0; overflow:hidden;}
.header-nav ul li .sub-nav ul li {font-size:16px; line-height:40px; width:25%; float:left; color:#fff; padding:0; margin:0; text-align:left; font-weight:600; height:auto;}
.header-nav ul li .sub-nav ul li h3 { font-size:18px; font-weight:700;}
.header-nav ul li .sub-nav ul li p{width:100%; overflow:hidden; margin:0 auto; font-weight:normal; font-size:14px; line-height:40px;}
.header-nav ul li .sub-nav ul li a {color:#FFF;}
.header-nav ul li .sub-nav ul li a:hover {color:#999;}

.marginleft350{ margin-left:-300px;}
.marginleft498{ margin-left:-498px;}
.marginleft646{ margin-left:-646px;}
.marginleft794{ margin-left:-794px;}


.header-fr {margin-top:21px; width:18.5%; max-width:222px;}
.header-language {float:left; margin-right:10px; padding-left:26px; height:28px; line-height:28px; background:url(../images/round.png) no-repeat 0 4px;}

.header-search {/*float:left;*/ position:relative; padding:2px 30px 2px 5px; width:100px; height:22px; border:1px solid #727171; margin-left:77px;}
.header-search .input {width:100%; height:22px; line-height:22px; font-size:14px; border:0; outline:none;}
.header-search .search {position:absolute; top:4px; right:4px; width:16px; height:16px; background: url(../images/search.png) no-repeat; background-size:cover;}

@media screen and (max-width:1024px) {
.header-nav {margin-top:18px; height:52px; width:67%; padding-left:1%; padding-right:1%;position:relative;}
.header-fr {margin-top:21px; width:20.5%; max-width:222px;}

.header-nav ul li .sub-nav {position:absolute; /*top:70px;*/ width:1024px; height:0; z-index:999; overflow:hidden; margin-left:-250px;}
}


@media screen and (max-width:768px) {
.header{display:none;}

.m-header {display:block; position:fixed; top:0; left:0; width:100%; background-color:#fff; border-bottom:1px solid #eee; z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:6px; width:78px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#999; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.9;}
.nav-show {top:46px;}
.nav-show ul {border-bottom:1px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #ddd solid;}
.m-nav >ul >li:last-child {/*border-bottom:1px #ddd solid;*/}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%; display:block;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}



/***banner***/
#mob{display:none;}
#pc{display:block;}
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin-top:71px;}
.slides{position:relative;z-index:0;}
.banner {margin:70px auto 0;}
.banner .slides li img{width:100%; height:auto; display:block;}
.banner .slides li {display:block;}

.flex-control-nav{position:absolute; bottom:10px; left:50%; margin-left:-170px; padding:4px 0 2px; z-index:2; width:340px; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 8px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/bpng01.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng02.png) no-repeat;}

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

@media screen and (max-width:768px) {
#pc{display:none;}
#mob{display:block;}
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:45px auto 0;}
.slides {position:relative; z-index:0;}
.slides li img {width:100%; height:auto; display:block;}
.banner .slides li {height:auto;}
.flex-control-nav {position:absolute; bottom:5px; z-index:2; left:50%; margin-left:-50px; padding:1px 0; z-index:2; width:100px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng04.png) no-repeat;}

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



/***htitle***/
.htitle {position:relative; margin:0 auto 25px; width:96%; max-width:1200px; text-transform:uppercase; overflow:hidden;}
.htitle h2 {font-size:30px; line-height:52px; font-weight:600;}

.viewmore {margin-top:0px; height:52px; line-height:52px; font-size:16px; text-align:right; font-weight:normal; padding-right:15px;}
.viewmore span{ font-family:"宋体"; font-size:18px; margin-left:5px;}
.viewmore a:hover{color:#004f99; border-bottom:1px #004f99 solid; padding-bottom:3px;}
.htitle .viewmore {position:absolute; right:0; bottom:0; margin:0;}

.float {position:fixed; top:20%; right:0; width:50px; z-index:99;}
.float li {width:50px; height:50px; background-color:rgba(0, 0, 0, 1); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.float li:hover {background-color:rgba(0, 0, 0, 0.6);}
.float li:nth-child(n+2) {margin-top:1px;}
.float li .qq, .float li .wx, .float li .dh, .float li .up {display:block; height:50px; cursor:pointer;}
.float li .qq { background:url(../images/icon_qq.png) no-repeat;}
.float li .wx { background:url(../images/icon_wx.png) no-repeat;}
.float li .dh { background:url(../images/icon_dh.png) no-repeat;}
.float li .up { background:url(../images/icon_up.png) no-repeat;}

@media screen and (max-width:768px) {
.htitle {margin:0 auto 5px;}
.htitle h2 {font-size:1rem; line-height:30px;}
.viewmore {margin-top:0px; height:35px; line-height:35px; font-size:0.875rem; padding-right:10px;}

.float {display:none;}
}

.mod1,.mod2, .mod4, .mod5, .mod6 {margin-top:80px;}
.mod3 {margin-top:90px;}
.mod1 .htitle {text-align:center;}
.mod6 {margin-bottom:60px;}
@media screen and (max-width:768px) {
.mod1,.mod2,.mod3, .mod4, .mod5, .mod6 {margin-top:25px;}
.mod6 {margin-bottom:20px;}
}
/***mod1***/
.brand-major a, .brand-show a {position:relative; float:left; border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1); overflow:hidden;}

.brand-major {float:left; width:49%;}
.brand-show {float:right; width:49%;}
.brand-show a {width:48.2%;}
.brand-show a:nth-child(2n+2) {margin-left:3.6%;}
.brand-show a:nth-child(n+3) {margin-top:3.6%;}

.brand-name {position:absolute; top:50%; left:0; margin-top:-25%; width:100%; padding:25% 0; line-height:0; font-size:22px; color:#221815; text-align:center; background-color:rgba(255, 255, 255, 0.7); opacity:0;  -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.brand-major a:hover .brand-name, .brand-show a:hover .brand-name {opacity:1;}

.brand-major img, .brand-show img, .case li img, .news-major img, .aboutus-imglist li img{transition:clip 0.4s 0.2s cubic-bezier(0,.3,.6,1), transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease, -webkit-clip 0.4s 0.2s cubic-bezier(0,.3,.6,1);}
.brand-major a:hover img, .brand-show a:hover img, .news-major:hover img, .aboutus-imglist li:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}   
@media screen and (max-width:768px) {
	
.brand-name {font-size:0.875rem; line-height:24px;}
.brand-major a, .brand-show a {border-radius:8px; box-shadow: none;}
.brand-major, .brand-show {float: none; width:100%; overflow:hidden;}
.brand-show {margin-top:3.6%;}
}

/***mod2***/
.aboutus-profile {position:relative; padding:32px 34% 32px 35px; font-size:14px; line-height:26px; background-color:#dff3fc; border-radius:15px;}
.aboutus-profile p:nth-child(n+2){margin-top:20px;}
.aboutus-profile img {position:absolute; top:-10%; right:0; width:31%;}
.aboutus-imglist {margin-top:2.8%;}
.aboutus-imglist li {float:left; margin-right:3%; width:20%; position:relative; overflow:hidden;border-radius:15px; }
.aboutus-profile img, .aboutus-imglist li img {border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}

.about-name{position:absolute; top:28%; left:0; margin-top:0%; width:100%; padding:13% 0; line-height:0; font-size:24px; color:#221815; text-align:center; background-color:rgba(255, 255, 255, 0.7); opacity:0;  -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.aboutus-imglist li a:hover .about-name{opacity:1;}


@media screen and (max-width:768px) {
.aboutus-profile {padding:3%; font-size:0.875rem; line-height:28px; border-radius:8px;}
.aboutus-profile p:nth-child(n+2){margin-top:8px;}
.aboutus-profile img {display:none;}
.aboutus-imglist {font-size:0; text-align:center}
.aboutus-imglist li {float: none; display:inline-block; margin:0 1.5%; width:30.333%;}
.aboutus-profile img, .aboutus-imglist li img {border-radius:8px; box-shadow:none;}
.about-name{font-size:0.875rem;}
}

/***mod3***/
.activity {margin:0 auto;}
.activity .slides li {display:block; height:420px;}
.activity .flex-control-nav {bottom:5px;}

.activity .act-show {position:relative; margin:0 auto; padding:30px 0; width:95%; max-width:1000px; height:302px;}
.activity .act-show img {position:absolute; top:0px; right:0; width:550px; height:385px;}
.activity .act-show img, .activity .act-show-box {border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.activity .act-show-box {padding:28px; height:262px; width:80%; background-color:#fff; }
.activity .act-show-box:hover{background:#f5f5f5;}

.act-info {width:48%;}
.act-info-class {font-size:14px; color:#727171;}
.act-info-title {font-size:22px; font-weight:600; margin:20px 0; line-height:36px;}
.act-info-bar {font-size:14px; padding-bottom:20px; line-height:22px;}
.activity .viewmore, .news-major .viewmore {text-align:left;}
@media screen and (max-width:768px) {
.activity {margin:0 auto;}
.activity .slides li {display:block; height:200px; background:#f5f5f5;}

.activity .act-show {position:relative; margin:0 auto; padding:5px 0; width:100%;}
.activity .act-show img {top:15%; right:5%; width:32%; height:auto;}
.activity .act-show img, .activity .act-show-box { border-radius:8px; box-shadow:none;}
.activity .act-show-box {padding:10px; display:block; width:94%; height: auto;  background:#f5f5f5;}

.act-info {width:60%;}
.act-info-class {font-size:0.75rem; color:#727171;}
.act-info-title {font-size:0.875rem; margin:10px 0 5px; line-height:150%;}
.act-info-bar {font-size:12px; padding-bottom:0px; height:40px; overflow:hidden; line-height:20px;}
}

/***mod4***/
.case {margin-left:-1%;}
.case li, .news-major {background-color:#fff; border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1); overflow:hidden;}
.case li {float:left; margin:0 1%; width:23%;}
.case li:hover{background:#f5f5f5;}
.case-img, .news-major-img {overflow:hidden;}
.case-info {padding:5% 5%; height:210px;}

.case-info-class, .case-info-text, .news-bar {font-size:14px; color:#727171;}
.case-info-title {font-size:18px; font-weight:600; margin:10px 0 10px; line-height:26px; color:#3e3a39; overflow:hidden;}
.case-info-text {line-height:24px;}
@media screen and (max-width:768px) {
.case li, .news-major {background-color:#f5f5f5; border-radius:8px; box-shadow: none; overflow:hidden;}
.case {margin-left:0;}
.case li {margin:0 1%; width:48%;}
.case-info {height:150px;}

.case-info-class, .case-info-text, .news-bar {font-size:0.75rem; line-height:20px;}
.case-info-title {font-size:0.875rem; margin:0 0 5px 0; line-height:20px; height:auto;}
.case li:nth-child(n+3) { margin-top:2%;}

}

/***mod5***/
.news-major {float:left; width:42%;}
.news-major-info {padding:5% 5%; height:190px; line-height:22px;}
.news-major-title {font-size:22px; font-weight:600; margin:15px 0 5px; line-height:36px; color:#3e3a39; overflow:hidden;}

.news-list {float:right; width:48%; overflow:hidden;}
.news-list li{ border-bottom:1px #ddd dotted; margin-bottom:10px; padding-bottom:15px;}
.news-list li:nth-child(n+2) {margin-top:20px;}
.news-list-title {margin-top:0px; font-size:18px; line-height:28px; font-weight:600;}

@media screen and (max-width:768px) {
.news-major,.news-list {float: none; width:100%;}
.news-list {margin-top:15px;}
.news-list li{margin-bottom:5px; padding-bottom:10px;}
.news-major-info {padding:4% 4%; height: inherit;}
.news-major-title {font-size:16px; font-weight:600; margin:10px 0 20px; line-height:24px; height:auto;}

.news-list li:nth-child(n+2) {margin-top:10px;}
.news-list-title {margin-top:2px; font-size:0.875rem; line-height:22px; height:auto;}
}
/***mod6***/
.certificate .swiper-slide img {margin:0 auto; width:80%;}
.certificate-next {top: 55%; right:-2%; background-image:none; background:url(../images/next_l.png) no-repeat; background-size:cover;outline:none;}
.certificate-prev {top: 55%; left: -2%; background-image:none; background:url(../images/prev_l.png) no-repeat; background-size:cover;outline:none;}
@media screen and (max-width:768px) {
.certificate { width:88%;}
.certificate .swiper-slide img {width:96%;}
.certificate-next {top: 66%; width:14px; height:24px; right:0;}
.certificate-prev {top: 66%; width:14px; height:24px; left:0;}
}


/***footer***/
.footer {margin-top:0px; padding:60px 0; background-color:#eee;}
.footer-link p{ line-height:36px;}
.footer-link-title {margin-bottom:5px; font-size:20px; font-weight:600;}
.footer-link span{margin-right:20px; font-size:14px; line-height:30px;}
.footer-link a {margin-right:20px; font-size:14px; line-height:30px;}
.footer-link:nth-child(n+2) {margin-top:30px;}

.footer-copyright {margin-top:40px; padding:40px 0 0 20%; font-size:14px; line-height:26px; border-top:1px dotted #0b0b0b;}
.footer-copyright .qrcode,.footer-copyright .qrcode img, .footer-copyright .copyright {display:inline-block; vertical-align: middle;}
.footer-copyright .qrcode img {margin-right:50px; width:130px;}
.footer-copyright .copyright img{display:inline-block; vertical-align: middle; width:auto!important; height:auto!important;}

@media screen and (max-width:768px) {
.footer {margin-top:0px; padding:20px 0; text-align:center;}
.footer-link{display:none;}

.footer-link-title {margin-bottom:5px; font-size:18px;}
.footer-link span,.footer-link a {margin-right:10px; font-size:13px; line-height:16px;}
.footer-link:nth-child(n+2) {margin-top:20px;}
.footer-link p:nth-child(n+2) {margin-top:8px;}

.footer-copyright {margin-top:20px; padding:20px 0 0 0; font-size:12px; line-height:22px; border-top:1px dotted #0b0b0b;}
.footer-copyright .qrcode img {margin:10px; width:100px;}
}




/*--------内页banner----------*/
.lybanner{width:100%; overflow: hidden; margin:70px auto 0;}
.lybanner img{width:100%; height:auto; display:block;}
@media screen and (max-width:768px) {
.lybanner{margin-top:45px;}
}


/*--------内页子栏目--------*/
#lynav{width:100%; margin:71px auto 0; background:#333333;}
.lynav{overflow:hidden;width:96%; max-width:1200px; margin:0 auto; font-size:14px; line-height:30px; padding:30px 0 20px 0;}
.lynav ul {overflow:hidden;}
.lynav ul li {font-size:16px; line-height:30px; width:20%; float:left; color:#FFF; padding:0; margin:0; text-align:center;}
.lynav ul li p{width:70px; overflow:hidden; margin:0 auto;}
.lynav ul li img{width:70px; max-width:70px; text-align:center; display:inline-table; margin-top:10px; position:relative;}
.lynav ul li a:hover img{/*filter:drop-shadow(70px 0px #3071b9); position:relative; left:-70px; 搜狗等浏览器不支持此功能*/ filter:alpha(Opacity=70);-moz-opacity:0.70;opacity:0.70;}
.lynav ul li a {color:#FFF;}
.lynav ul li a:hover {color:#999;}


/*--------内页新闻子栏目--------*/
#lynavnews{width:100%; margin:71px auto 0; background:#333333;}
.lynavnews{overflow:hidden;width:96%; max-width:1200px; margin:0 auto; font-size:18px; line-height:30px; padding:30px 0;}
.lynavnews ul {overflow:hidden;}
.lynavnews ul li {font-size:18px; line-height:30px; float:left; color:#FFF; margin:0 60px 0 0; text-align:left;}
.lynavnews ul li a {color:#FFF;}
.lynavnews ul li a:hover {color:#999;}
#lynewsonsec{ border-bottom:1px #fff solid;}

/*--------内页路径--------*/
#weizhi2{width:100%; margin:71px auto 0; border-bottom:1px #ddd solid; background:#f5f5f5;}
#weizhi{width:100%; margin:0px auto;border-bottom:1px #ddd solid; background:#f5f5f5;}
.weizhi{overflow:hidden;width:96%; max-width:1200px; margin:0 auto; font-size:14px; line-height:30px; padding:5px 0 5px;}
.span_right{float:right; font-size:12px;}
.span_page{width:20px; height:20px; background: url(../images/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../images/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}

@media screen and (max-width:768px) {
#weizhi2{width:100%; margin:45px auto 0;}
#lynav{display:none;}	
#lynavnews{display:none;}
#weizhi{margin:45px auto 0;}
.weizhi{padding:5px 0px; font-size:0.75rem; width:94%;}
.span_right{font-size:0.75rem;}
}



/*--------内页子栏目--------*/
.pcategory{width:96%; max-width:1200px; margin:20px auto;}
.pcategory ul{overflow:hidden; text-align:center; padding:0px; margin:0px;}
.pcategory li{text-align:center; font-size:16px; overflow:hidden; background:#fff; display:inline-block; border-radius:5px; margin-bottom:5px;}
.pcategory li a{display:block; padding:12px 20px;}
.pcategory li a:hover{background:#e93133; color:#fff;}
@media screen and (max-width:768px){
.pcategory{width:96%; margin:15px auto;}
.pcategory li{font-size:0.875rem; margin-bottom:1px; width:45%;}
.pcategory li a{padding:10px 20px; line-height:16px;}
}


#onsec{background:#e93133; color:#FFF;}
#onsec a{color:#fff;}

.mainbg{width:100%; margin:0 auto; overflow:hidden;}
@media screen and (max-width:768px){
.mainbg{padding:0px;}
}



/*关于我们开始*/
.about{width:96%; max-width:1200px; margin:0 auto; padding:70px 0 0 0; overflow:hidden;}
.about_left{float:left; width:60%; margin-right:5%;}
.about_right{float:right; width:35%;}
.about img{ width:100%; border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}

.about_left_txt{overflow:hidden; line-height:28px; padding:0px; font-size:14px;}
.about_left_txt h2 {font-size:32px; line-height:28px; margin-bottom:50px; font-weight:600;}

.about_left_pic{float:left; width:50%;}
.about_left_pic li{width:100%; display:block;}

.about_right_pic{float:right; width:45%;line-height:26px; padding:0px; font-size:14px;overflow:hidden; padding-left:5%; margin-top:5px;}
.about_right_pic b {font-size:24px; line-height:35px; font-weight:600;}

.abouthtitle {position:relative; margin:0 auto 15px; width:100%; overflow:hidden;}
.abouthtitle h2 {font-size:30px; line-height:52px; font-weight:600; margin-bottom:20px;}

.about_honor{}
.about_honorul{overflow:hidden;}
.about_honorul li{float:left; overflow:hidden; width:12.57%; text-align:center; margin-bottom:3%;}
.about_honorul li:not(:nth-of-type(7n)){ margin-right:2%;}
.about_honorul li img{width:100%; height:auto; display:block; border-radius:0;}
.about_honorul li p{font-size:14px; padding:10px;}
.about_honorul li:hover{cursor:pointer;}
.about_honorul li:hover p{color:#e93133;}


.about_left_contact{float:left; width:45%; margin-right:5%;}
.about_left_contact li{float:left; width:100%; line-height:24px; padding-left:30px; font-size:14px; margin-bottom:30px;}
.about_left_contact li b{ font-weight:600; display:block; font-size:18px; margin-bottom:6px;}
.icon_1{background:url(../images/icon_1.png) left top no-repeat; background-size:24px;}
.icon_2{background:url(../images/icon_2.png) left top no-repeat; background-size:24px;}
.icon_3{background:url(../images/icon_3.png) left top no-repeat; background-size:24px;}
.icon_4{background:url(../images/icon_4.png) left top no-repeat; background-size:24px;}
.icon_5{background:url(../images/icon_5.png) left top no-repeat; background-size:24px;}
.icon_6{background:url(../images/icon_6.png) left top no-repeat; background-size:24px;}
.about_left_contact li a{margin-right:20px;}

.about_right_contact{float:right; width:50%;}
.aboutmargin{margin-bottom:60px;}
@media screen and (max-width:768px){
.about{ width:94%; padding:15px 0 0 0;}
.about_left{float:left; width:100%; margin-right:0%;}
.about_right{float:left; width:100%; margin-top:15px;}

.about_left_txt{font-size:0.875rem; line-height:26px;}
.about_left_txt h2 {font-size:1.5rem; line-height:30px; margin-bottom:10px; font-weight:600;}

.marginend{ margin-bottom:15px;}
.about_left_pic{float:left; width:100%;}
.about_left_pic li{ float:left; width:100%;}

.about_right_pic{float:left; width:100%; padding-left:0; margin:5% 0;}
.about_right_pic b {font-size:1.125rem;}
	
.about_honorul li{float:left; overflow:hidden; width:22.75%; text-align:center; margin-bottom:3%;}
.about_honorul li:not(:nth-of-type(7n)){ margin-right:0%;}
.about_honorul li:not(:nth-of-type(4n)){ margin-right:3%;}

.abouthtitle {position:relative; margin:0 auto 10px; width:100%; overflow:hidden;}
.abouthtitle h2 {font-size:1.25rem; line-height:36px; font-weight:600; margin-bottom:5px;}

.about_left_contact{float:left; width:100%; margin-right:0%;}
.about_left_contact li{float:left; width:92%; line-height:24px; padding-left:30px; font-size:0.875rem; margin-bottom:20px;}
.about_right_contact{float:left; width:100%;}
.about_left_contact li b{ font-weight:600; display:-webkit-inline-box; font-size:0.875rem;}

.aboutmargin{margin-bottom:20px;}
}

/*关于我们结束*/



/*合作伙伴开始*/
.partnertitle {position:relative; margin:0 auto 15px; width:100%; overflow:hidden; text-align:center;}
.partnertitle h2 {font-size:32px; line-height:52px; font-weight:600;}
.partnertitle p{ font-size:14px; line-height:30px; color:#666;} 

.partner{width:96%; max-width:1200px; margin:0 auto; padding:70px 0 60px 0; overflow:hidden;}
.partnerul{overflow:hidden;}
.partnerul li{float:left; overflow:hidden; width:14.8%; text-align:center; margin-bottom:4%; padding:1%;}
.partnerul li:not(:nth-of-type(5n)){ margin-right:4%;}
.partnerul li img{width:100%; height:auto; display:block; border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.partnerul li img:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
.partnerul li h3{ font-size:16px; line-height:30px; margin-top:10px; font-weight:600;}
.partnerul li p{font-size:14px; line-height:20px; padding:0 5px; color:#666;}


.doctor{width:100%; margin:0 auto; padding:0; overflow:hidden;}
.doctorul{overflow:hidden;}
.doctorul li{float:left; overflow:hidden; width:17.25%; text-align:center; margin-bottom:5%; padding:2%;}
.doctorul li:not(:nth-of-type(4n)){ margin-right:5%;}
.doctorul li img{width:100%; height:auto; display:block; border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.doctorul li img:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
.doctorul li h3{ font-size:16px; line-height:30px; margin-top:10px; font-weight:600;}
.doctorul li p{font-size:14px; line-height:20px; padding:0 5px; color:#666;}

.partnerpic{width:100%; margin:0 auto; padding:0px; text-align:center;}
.partnerpic img{ max-width:100%; width:auto; display:-webkit-inline-box;}


.partner_left{float:left; width:30%;}
.partner_left li{width:90%; overflow:hidden; text-align:center; padding:5%;}
.partner_left h3{ font-size:20px; line-height:36px; font-weight:600;}
.partner_left p{font-size:14px; line-height:24px; padding:0 60px; color:#666; height:72px; overflow:hidden;}

.partner_mid{float:left; width:30%;}
.partner_mid li{width:90%; overflow:hidden; text-align:center; padding:5%;}
.partner_mid h3{ font-size:20px; line-height:36px; font-weight:600;}
.partner_mid p{font-size:14px; line-height:24px; padding:0 60px; color:#666;  height:72px; overflow:hidden;}

.partner_right{float:right; width:40%;}

@media screen and (max-width:768px){
.partner{padding:20px 0 0 0;}

.partnertitle h2 {font-size:1.5rem; line-height:30px; margin-bottom:5px; font-weight:600;}
.partnertitle p{font-size:0.75rem; line-height:26px; color:#666;} 

.partnerul li{float:left; overflow:hidden; width:29.33%; text-align:center; margin-bottom:3%; padding:1%;}
.partnerul li:not(:nth-of-type(5n)){ margin-right:0%;}
.partnerul li:not(:nth-of-type(3n)){ margin-right:3%;}
.partnerul li h3{ font-size:1rem; margin-top:5px;}
.partnerul li p{font-size:0.75rem; height:60px; overflow:hidden;}


.doctor{width:96%; margin:0 auto; padding:20px 0 0 0; overflow:hidden;}
.doctorul li{float:left; overflow:hidden; width:29.33%; text-align:center; margin-bottom:3%; padding:1%;}
.doctorul li:not(:nth-of-type(4n)){ margin-right:0%;}
.doctorul li:not(:nth-of-type(3n)){ margin-right:3%;}
.doctorul li h3{font-size:1rem; margin-top:5px;}
.doctorul li p{font-size:0.75rem; height:60px; overflow:hidden; padding:0;}

.partner_left{float:left; width:100%;}
.partner_left li{width:46%; overflow:hidden; text-align:center; padding:2%; float:left;}
.partner_left p{font-size:0.875rem; line-height:24px; padding:0 15px; color:#666;}

.partner_mid{float:left; width:100%;}
.partner_mid li{width:46%; overflow:hidden; text-align:center; padding:2%; float:left;}
.partner_mid p{font-size:0.875rem; line-height:24px; padding:0 15px; color:#666;}

.partner_right{float:left; width:100%; margin-top:20px;}

}
/*合作伙伴结束*/



/*团队实力开始*/
.team{width:96%; max-width:1200px; margin:0 auto; padding:70px 0 0 0; overflow:hidden;}
.teamul{overflow:hidden;}
.teamul li{float:left; overflow:hidden; width:100%; margin-bottom:100px;}

.teampic{width:50%; height:auto;}
.teampic img{ border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.teampic img:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}

.teamtitle {position:relative; width:45%; overflow:hidden; text-align:left;}
.teamtitle h2 {font-size:24px; font-weight:600; margin-bottom:20px;}
.team_txt{font-size:15px; line-height:28px;} 


@media screen and (max-width:768px){
.team{padding:20px 0 0 0;}
.teamul li{margin-bottom:30px;}
.teampic{width:100%; height:auto; border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.teamtitle {width:100%;}
.teamtitle h2 {font-size:1.25rem; font-weight:600; margin:20px 0 10px;}
.team_txt{font-size:0.75rem; line-height:24px; margin-top:25px; text-align:center;} 
}
/*团队实力结束*/




/* 招贤纳士开始*/
.jobs{overflow:hidden;margin:0px auto 60px; width:100%; max-width:1200px;}

.jobstext3{float:left; overflow:hidden; width:44%; padding:2%; margin:1%; background:#fff; border-radius:15px; position: relative; font-size:14px; line-height:26px; color:#666; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.jobstext3 h3{ font-size:20px; line-height:50px; font-weight:bold; margin-bottom:5px; background:url(../images/ji.png) right center no-repeat;}
@media screen and (max-width:768px) {
.jobs{overflow:hidden;margin:2% auto; width:96%;}	
.jobstext3{width:90%; padding:3% 4%; margin-bottom:4%;}
.jobstext3 h3{ font-size:1.125rem; line-height:50px; font-weight:bold; margin-bottom:5px;}
}


.jobcategory{width:50%; max-width:500px; margin:50px auto; border:1px #3e3a39 solid; border-radius:100px;overflow:hidden;}
.jobcategory ul{overflow:hidden;}
.jobcategory li{ float:left; width:33%; text-align:center; font-size:18px; line-height:45px; height:45px;}
.jobcategory a li:hover{background:#3e3a39; color:#fff;}
#onjobsec{background:#3e3a39; color:#fff;}
@media screen and (max-width:768px){
.jobcategory{width:96%; margin:15px auto;}
.jobcategory li{font-size:0.875rem; width:33%; padding:0px;}
.jobcategory li a{padding:10px 20px; line-height:16px;}
}
/* 招贤纳士结束*/





/*新闻列表页*/
.newsindex{overflow:hidden;margin:40px auto 60px; width:96%; max-width:1200px;}
.newsleft{ float:left; width:15%; margin-right:5%;overflow:hidden;}
.newlefttitle{font-size:16px; width:100%; font-weight:600; padding-bottom:10px; border-bottom:1px #CCC solid;}
.newsleft ul{overflow:hidden;}
.newsleft ul li{line-height:20px; height:20px; margin:20px 0; font-size:14px;}
.newlefttitlebtn{ width:20px; height:20px; margin-right:10px; float:left;}

.nonews_list{ width:100%; line-height:45px; text-align:center; font-size:16px; margin-top:80px;}

.newsright{ float:right; width:80%;}
.news{overflow:hidden;}
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; border-bottom:1px #ddd dotted; padding:0px; width:100%; margin-bottom:4%; background:#f5f5f5; border-radius:15px;}
.newsul li:hover{background:#efefef;}
.newsul li img{ width:30%; margin-right:2%; float:left; border:0px; border:1px #CCCCCC solid;}
.newsul li h2{font-size:20px; font-weight:bold; line-height:24px; padding-right:40px;}
.newsul li h2 a{color:#222;}
.newsul li h2 a:hover{color:#3071b9;}

.newsul li div{color:#5a5a5a; line-height:24px; font-size:14px; padding-top:20px; padding-right:40px;}
.newsul li p{color:#919191; padding:20px 0 10px 0; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:10px;}

@media screen and (max-width:768px) {
.newsindex{overflow:hidden;margin:10px auto 0; width:100%;}	
.newsleft{ display:none;}	
.newsright{ width:100%;}
.news{width:94%; margin:0 auto;}
.newsul li{padding:0 0 20px; margin-bottom:20px; width:100%;}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:100%; margin-bottom:4%; margin-right:0;}
.newsul li p{padding:10px 15px; font-size:0.75rem}
.newsul li h2{font-size:1rem; padding:0 15px;}
.newsul li div{font-size:0.875rem; line-height:22px; padding:10px 15px;}
}


/*新闻详情页*/
.newsshow{padding:50px 100px; overflow:hidden; width:96%; max-width:1000px; margin:50px auto; border:1px #ddd solid;}
.news_xxjs{line-height:30px!important; font-size:14px!important; font-weight:normal!important; margin:10px auto 20px; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:30px!important; font-size:14px;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.news_xxjs img{ max-width:100%; height:auto; overflow:hidden; margin:0 auto; display:block; padding:10px 0;}

.news_title{font-size:28px; color:#111c36; text-align:center; padding:10px 20px 10px; font-weight:bold;}
.news_title h1{font-size:28px; font-weight:bold;}
.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:center; font-size:12px; color:#999;}
.pubdate span{margin:0px 10px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}

@media screen and (max-width:1024px) {
.newsshow{padding:50px 5%; overflow:hidden; width:90%; max-width:90%; margin:50px auto; border:1px #ddd solid; box-sizing:border-box;}
	
}


/*相关资讯*/
.Information{verflow:hidden;margin-top:20px;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:13px; padding:10px 0;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.newsshow{padding:3%; width:94%; margin:0px; border:0;}
.news_title{font-size:1.4rem; font-weight:bold; padding:15px 0 0 0;}
.news_title h1{font-size:1.4rem;}
.news_xxjs{font-size:0.875rem!important;}
.news_xxjs p,.news_xxjs span{font-size:0.875rem!important;}
.news_xxjs td{font-size:0.875rem!important;}
.news_xxjs img{width:100%; height:auto;}
.Information ul li{font-size:0.875rem; padding:10px 0 10px 8px;}
}


/*产品详情页*/
.mainbg1{width:100%; margin:0px auto 0; overflow:hidden; background:#fff; padding-top:0px;}
.prodshow{overflow:hidden; width:100%; padding:0 0 150px 0; margin:0 auto;}

.prod_title1{width:96%; max-width:1200px; margin:0 auto; font-size:35px; text-align:center; padding:0px 0px 17px 0; line-height:50px; font-weight:600;}
.prod_title2{width:96%; max-width:1200px; margin:0 auto; font-size:25px; text-align:center; padding:0px 0px 35px 0; line-height:30px;}

.prod_xxjs{width:96%; max-width:1200px; margin:0 auto; line-height:30px; font-size:16px; overflow:hidden; text-align:center; padding-bottom:50px;}
.prod_xxjs p,.prod_xxjs span{line-height:30px!important; font-size:14px;}
.prod_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.prod_xxjs table{width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}

.prod_img_all{width:100%; overflow:hidden; margin:0 auto; text-align:center;}
.prod_img_all img{width:100%; display:-webkit-inline-box;}

.prod_img{width:96%; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
.prod_img img{width:auto; display:-webkit-inline-box;}

@media screen and (max-width:1024px){
.prod_img{width:96%; max-width:1024px; margin:0 auto; overflow:hidden; text-align:center;}
.prod_img img{width:auto; max-width:100%; display:-webkit-inline-box;}
}

@media screen and (max-width:768px){
.mainbg1{margin:45px auto 0;}
.prodshow{overflow:hidden; width:100%; padding:0 0 50px 0; margin:0 auto;}

.prod_title1{width:94%; margin:0 auto; font-size:1.25rem; text-align:center; padding:0px 0px 10px 0; line-height:30px; font-weight:600;}
.prod_title2{width:94%; margin:0 auto; font-size:1.125rem; text-align:center; padding:0px 0px 20px 0; line-height:30px;}

.prod_img_all{width:100%; overflow:hidden; margin:0 auto; text-align:center;}
.prod_img_all img{width:100%; display:-webkit-inline-box;}

.prod_img{width:94%; margin:0 auto; overflow:hidden; text-align:center;}
.prod_img img{width:auto; max-width:100%; display:-webkit-inline-box;}

.prod_xxjs{width:94%;  margin:0 auto; line-height:24px; font-size:0.75rem; overflow:hidden; text-align:center; padding-bottom:30px;}
.prod_xxjs table{display: block; display:-webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}

}




/*分页*/
.page{text-align:center; padding:8px 0; margin-top:20px;}
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width:768px) {
.page{padding:12px 0;}
.page a{font-size:0.875rem; padding:3px 8px; margin:0 2px;}
}



/*下载使用教程*/

.solutiontitle {position:relative; margin:0 auto; width:100%; overflow:hidden;}
.solutiontitle h2 {font-size:24px; line-height:52px; font-weight:600; padding-left:5px; margin:10px 0;}

.solution{overflow:hidden; width:96%; max-width:1200px; margin:20px auto 60px;}
.solutionul{overflow:hidden;}
.solutionul li{overflow:hidden; border-bottom:1px #ddd dotted; padding:20px 0px 20px 40px; background:url(../images/file.png) left 20px no-repeat; display:block;}
.solutionul li{font-size:16px; font-weight:normal; color:#222; line-height:24px;}
.solutionul li:hover{ background:#f5f5f5 url(../images/file.png) left 20px no-repeat;}
.solutionul li a{color:#222;}
.solutionul li a:hover{color:#3071b9;}
.solutionul li p{ float:right;}
.solutionul li p span{font-size:12px; color:#999; margin-right:30px;}
@media screen and (max-width:768px) {
.solutiontitle h2 {font-size:1.25rem; line-height:40px; font-weight:600; padding-left:5px;}
.solution{width:94%; padding:0%; margin:0px auto;}
.solutionul li{font-size:0.875rem; padding:10px 0px 10px 35px; line-height:20px;}
.solutionul li p{display:block; width:100%;}
}
/*下载使用教程*/



/*下载应用app*/
.down_app{overflow:hidden; width:96%; max-width:1200px; margin:20px auto 60px;}
.down_appul{overflow:hidden;}
.down_appul li{float:left; overflow:hidden; width:31.33%; text-align:center; margin:1%; margin-bottom:1%; padding:6% 0;border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.down_appul li:not(:nth-of-type(3n)){ margin-right:1%;}
.down_appul li img{max-width:100%; width:auto; height:auto; display:-webkit-inline-box;}
.down_appul li h2{font-size:18px; padding:10px; line-height:30px; margin:20px 0;}
.down_appul li p{font-size:14px; padding:10px; color:#999;}
.downbtn{ margin:0 auto; width:60%; border:1px #222 solid; border-radius:5px; background:url(../images/downbtn.png) 35% center no-repeat; color:#222; text-align:center; font-size:16px; line-height:35px; height:35px; margin-top:35px;letter-spacing:15px; padding-left:15%;}
.downbtn:hover{ cursor:pointer; background: #222 url(../images/downbtn1.png) 35% center no-repeat; color:#FFF;}

.downbtn2{ margin:0 auto; width:60%; border:1px #ddd solid; border-radius:5px; background:url(../images/downbtn2.png) 35% center no-repeat; color:#ddd; text-align:center; font-size:16px; line-height:35px; height:35px; margin-top:35px;letter-spacing:15px; padding-left:15%;}
.downbtn2:hover{/*cursor:pointer; background: #222 url(../images/downbtn1.png) 35% center no-repeat; color:#FFF;*/}

@media screen and (max-width:768px) {
.down_app{width:90%; padding:0%; margin:20px auto;}
.down_appul li{width:96%; text-align:center; margin:4% 2%; padding:10% 0;border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.down_appul li:not(:nth-of-type(3n)){ margin-right:0%;}
.down_appul li h2{font-size:1.125rem; padding:10px; line-height:30px; margin:0px 0px;}
.down_appul li p{font-size:1rem; padding:10px; color:#999;}
.downbtn{margin-top:10px; display:none;}
.downbtn2{display:none;}
}
/*下载应用app结束*/




/*产品-应用APP*/
.myapp{width:96%; max-width:1200px; margin:0 auto; padding:70px 0 0 0; overflow:hidden;}

.myappleft{width:50%; height:auto;}
.myappleft:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}

.myapptitle {position:relative; width:45%; overflow:hidden; text-align:left;}
.myapptitle h2 {font-size:36px; font-weight:600; margin:50px 0px 40px;}
.myapp_txt{font-size:15px; line-height:28px;} 
.leftbtn{color:#3071b9; font-size:16px; margin-right:50px; float:left; margin-top:50px; padding-bottom:3px;}
.leftbtn span{ margin-left:5px; font-family:"宋体"}
.leftbtn a{color:#3071b9;}
.leftbtn a:hover{color:#004f99; border-bottom:1px #004f99 solid;padding-bottom:3px;}



@media screen and (max-width:768px){
.myapp{padding:20px 0 0 0;}
.myappleft{width:100%; height:auto;}
.myapptitle {width:90%; padding:0 5%;}
.myapptitle h2 {font-size:1.25rem; font-weight:600; margin:20px 0px; text-align:center;}
.myapp_txt{font-size:0.75rem; line-height:24px;} 
.leftbtn{font-size:1rem; float:left; margin-top:20px; width:100%; text-align:center; margin-right:0;}
}
/*产品-应用APP结束*/




/*产品-医疗材料*/
.mycai{width:96%; max-width:1200px; margin:0 auto; padding:30px 0; overflow:hidden;}

.mycaileft{width:50%; height:auto;}
.mycaileft:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}

.mycaititle {position:relative; width:40%; overflow:hidden; text-align:left; padding:0 5%;}
.mycaititle h2 {font-size:36px; font-weight:600; margin:150px 0px 40px;}
.mycai_txt{font-size:15px; line-height:28px;} 

.border20{ width:100%; background:#f5f5f5; height:10px;}
@media screen and (max-width:768px){
.mycai{padding:20px 0 0 0;}
.mycaileft{width:100%; height:auto;}
.mycaititle {width:90%; margin-bottom:30px;}
.mycaititle h2 {font-size:1.25rem; font-weight:600; margin:20px 0px; text-align:center;}
.mycai_txt{font-size:0.75rem; line-height:24px;} 
}
/*产品-医疗材料结束*/



/*产品-三维产品*/
#myproduct{width:100%;}
.blackground{ background:#131218; color:#FFF;}

.myproduct{width:96%; max-width:1200px; margin:0 auto; padding:40px 0; overflow:hidden;}

.myproductleft{width:40%; height:auto; padding:0% 2% 0% 8%;}
.myproductleft:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}

.myproductright{width:40%; height:auto; padding:0% 8% 0% 2%;}
.myproductright:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}


.myproducttitle {position:relative; width:40%; overflow:hidden; text-align:left; padding:0;}
.myproducttitle h2 {font-size:48px; margin:120px 0px 40px;}
.myproduct_txt{font-size:32px; line-height:28px;} 
.myproducttitle_left{padding-left:10%;}

@media screen and (max-width:768px){
.myproduct{padding:20px 0; width:94%; margin:0 auto;}
.myproductleft{width:80%; height:auto; padding:0 10%;}
.myproductright{width:100%; height:auto; padding:0;}
.myproducttitle {width:100%; margin-bottom:30px; padding:0;}
.myproducttitle h2 {font-size:1.5rem; font-weight:600; margin:10px 0px; text-align:center;}
.myproduct_txt{font-size:0.75rem; line-height:24px; text-align:center;} 
.border20{ width:100%; background:#f5f5f5; height:5px;}
}
/*产品-医疗材料结束*/




/*产品- 产品详情页*/
#mydetail{width:100%;}
.mydetail{width:96%; max-width:1200px; margin:0 auto; padding:40px 0; overflow:hidden;}
.mydetail_pic{width:100%; height:auto; margin:10px 0;}
.mydetail_pic:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}

.mydetailtitle {position:relative; width:100%; overflow:hidden; text-align:left; padding:0;}
.mydetailtitle h2 {font-size:32px; line-height:50px; font-weight:600; text-align:center;}
.mydetailtitle_txt{font-size:24px; line-height:35px; text-align:center;}
.mydetailtitle_p{font-size:14px; line-height:28px; text-align:left;} 

@media screen and (max-width:768px){
.mydetail{width:94%; padding:20px 0 0 0; overflow:hidden; margin:0 auto;}
.mydetailtitle h2 {font-size:1.25rem; line-height:35px;}
.mydetailtitle_txt{font-size:1rem; line-height:24px;}
.mydetailtitle_p{font-size:0.75rem;line-height:24px;} 
}
/*产品- 产品详情页结束*/



/*产品- 定制页面*/
.myding{width:100%; margin:0 auto; padding:0px; overflow:hidden;}
.myding_pic{width:100%; margin:0px;position:relative;}
.myding_pic img{position:relative;}
.myding_pic img:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.mydingtitle{position:absolute; top:35%; left:0; width:40%; padding:0% 30%; max-width:768px;}
.mydingtitle h2 {font-size:36px; line-height:36px; text-align:center; margin-bottom:40px;}
.mydingtitle_txt{font-size:16px; line-height:35px; text-align:center;}
.btnarea{width:50%; margin:0 auto;}
.dingbtn{color:#3071b9; font-size:16px; float:left; margin-top:50px; text-align:center; /*width:50%;*/ width:100%;}
.dingbtn a{color:#3071b9;}
.dingbtn a:hover{color:#3071b9; border-bottom:1px #3071b9 solid;padding-bottom:3px;}
.dingbtn span{ margin-left:5px; font-family:"宋体"}
.whitecolor{color:#FFF;}
.whitecolor a{color:#FFF;}
.whitecolor a:hover{color:#FFF;border-bottom:1px #fff solid;padding-bottom:3px;}


@media screen and (max-width:768px){
.myding{width:100%; padding:0px 0 0 0; overflow:hidden; margin:0 auto;}
.mydingtitle{position:absolute; top:50%; left:0; margin-top:-20%; width:80%; padding:10% 10%;}
.mydingtitle h2 {font-size:1.125rem; line-height:30px; margin-bottom:0px; font-weight:700;}
.mydingtitle_txt{font-size:0.75rem; line-height:20px;}
.btnarea{width:80%; margin:0 auto;}
.dingbtn{color:#fff; font-size:0.875rem; margin:15px auto 0; text-align:center; width:100%;}
.dingbtn a:hover{color:#3071b9;}

}

/*产品- 定制页面结束*/


.cases{width:96%; max-width:1200px; margin:0 auto; padding:60px 0; overflow:hidden;}
@media screen and (max-width:768px){
.cases{width:94%; margin:0 auto; padding:10px 0 0 0; overflow:hidden;}
}



.cpshow{width:96%;  max-width:1200px; margin:50px auto;}
#tab1{width:100%; height:50px; margin:25px auto 0; background:#e4e4e4;text-align:center;}
#tab1 ul{overflow:hidden;}
#tab1 li{position: relative;display: inline-block; vertical-align: top; margin: 0 25px; height:50px; line-height:50px; font-size:18px; cursor: pointer;}
#tab1 li.now {color:#e17212;}
#tab1 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#e17212; display:none;}
#tab1 li.now i {display:block;}
#sp1{ width:1300px; margin:20px auto;}

.tablist{overflow:hidden; display:none; line-height:26px!important; font-size:13px!important; font-weight:normal!important;}
.tablist table{width:100%!important;}
.tablist p,.tablist span{line-height:26px!important; font-size:14px!important;}
.tablist td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid!important;}

.block{display:block;}
.tablist img{ max-width:100%; height:auto; overflow:hidden;}
@media screen and (max-width: 768px) {
.cpshow{width:96%; margin:2% auto;}
#tab1{height:auto; margin:30px auto 0; overflow:hidden;}
#tab1 li{position: relative;display: inline-block; vertical-align: top; margin: 0 10px; height:40px; line-height:40px; font-size:1rem; cursor: pointer;}
#tab1 li.now {color:#e17212;}
#tab1 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#e17212; display:none;}
#tab1 li.now i {display:block;}
#sp1{width:96%; margin:10px auto;}


.tablist{font-size:0.875rem; padding-top:0px;}
.tablist p,.tablist span{font-size:0.75rem!important; line-height:20px!important;}
.tablist td{font-size:0.75rem!important;}
.tablist table{ width:100%; height:auto!important; display: block; display:-webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}


/*---搜索页面----*/
.searcharea{padding:20px 0;}
.searcharea ul{overflow:hidden;}
.searcharea ul li{border-bottom:1px #ddd dotted; padding:20px 10px;}
.searcharea ul li:hover{background:#fff;}
.searcharea ul li h3{font-size:16px; font-weight:600;}
.searcharea ul li h4{ font-size:12px; color:#666; line-height:20px;}



/*下载应用app*/
.prodlist{overflow:hidden; width:96%; max-width:1200px; margin:20px auto 60px;}
.prodlistul{overflow:hidden;}
.prodlistul li{float:left; overflow:hidden; width:31.33%; text-align:center; margin:1%; margin-bottom:1%; padding:3% 0;border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.prodlistul li:not(:nth-of-type(3n)){ margin-right:1%;}
.prodlistul li img{max-width:90%; width:auto; height:auto; display:-webkit-inline-box;}
.prodlistul li h2{font-size:18px; padding:10px; line-height:30px; margin:20px 0;}
.prodlistul li p{font-size:14px; padding:10px; color:#999;}
.prodlistbtn{ margin:0 auto; width:60%; border:1px #222 solid; border-radius:5px; /* padding-left:10%; background:url(../images/downbtn.png) 35% center no-repeat;*/ color:#222; text-align:center; font-size:16px; line-height:35px; height:35px;letter-spacing:2px;}
.prodlistbtn:hover{ cursor:pointer; background:#222; color:#FFF;}

.prodlistbtn2{ margin:0 auto; width:60%; border:1px #ddd solid; border-radius:5px; background:url(../images/downbtn2.png) 35% center no-repeat; color:#ddd; text-align:center; font-size:16px; line-height:35px; height:35px; margin-top:35px;letter-spacing:15px; padding-left:15%;}
.prodlistbtn2:hover{/*cursor:pointer; background: #222 url(../images/downbtn1.png) 35% center no-repeat; color:#FFF;*/}

@media screen and (max-width:768px) {
.prodlist{width:90%; padding:0%; margin:20px auto;}
.prodlistul li{width:96%; text-align:center; margin:4% 2%; padding:10% 0;border-radius:15px; box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.1);}
.prodlistul li:not(:nth-of-type(3n)){ margin-right:0%;}
.prodlistul li h2{font-size:1.125rem; padding:10px; line-height:30px; margin:0px 0px;}
.prodlistul li p{font-size:1rem; padding:10px; color:#999;}
.prodlistbtn{margin-top:10px;}
.prodlistbtn2{display:none;}
}