@charset "utf-8";
* {margin:0; padding:0;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}
input, select{ vertical-align:middle}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
.none{
    display: none;
}
a:link{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:visited{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:hover{
    text-decoration:none; color: #00a0e9;text-decoration: none;
}
a:active{
    text-decoration:none; color: #272727;text-decoration: none;
}
.n-banner img{
    width:100%
}
body {
    font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #272727;
    background-color:#f0f0f0;
    overflow-x:hidden ;
}
.col-7{
    color: #7f7f7f;
}
.clear{
    clear: both;
}
.fl-r{
    float: right;
}
.fl-l{
    float: left;
}
.head{
    background: #004080;
}
.chanpin-chankan{
text-align:center;font-size: 18px;
    color: #e77512;line-height:30px}
.chanpin-chankan a{
 color: #e77512;
}
.head-hold{
    max-width: 1500px;margin: 0px auto;overflow: hidden;padding: 0 30px;min-width: 1140px;
}
.head-hold ul li{
    float: left;width: 10%;text-align: center;line-height: 48px;
}
.head-hold ul li a{
    color: #fff;font-size: 16px;
}
.head-hold ul li:hover{
    background: #fff600;
}
.head-hold ul li:hover a{
    color: #004591;
}

.nav-top {
    border-bottom: 1px solid #ddd;overflow: hidden;margin-bottom: 5px;
}
.nav-hold{
    max-width: 1500px;margin: 10px auto;overflow: hidden;padding: 0 30px;min-width: 1140px;
}
.nav-top-left{
    float: left;
}
.nav-top-right{
    float: right;
}
.nav-top-right a{
    padding-left: 15px;
}
.nav-top-right span{
    padding-right: 5px;vertical-align: middle;
}
.nav-top-right img{
    vertical-align: middle;
}
.color_r {
    color: #da251d;
}
.nav-left{
    float: left;margin: 10px 0;
}
.nav-left img{
  
}
.nav-right{
    float: right;margin: 20px 0;
}
.nav-right img{
    width: 400px;
}
.pro-hold{
    max-width: 1440px;margin: 40px auto;overflow: hidden;padding:0 30px;min-width: 1140px;background: #fff;
}
.pro-guider{
    overflow: hidden;border-bottom: 1px solid #004591;padding-bottom:10px ;
}
.pro-left{
    float: left;
}
.pro-left .tit{
    font-size: 22px;font-weight: bold;color: #004591;margin-right: 5px;
}
.pro-right{
    float: right;
}
.pro-right a{
    padding: 0 15px;vertical-align: middle;font-size: 16px;
}
.pro-right .on{
    color: #004591;
}
.pro-right  i{
    width: 9px;height: 22px;display: inline-block;vertical-align: middle;background: url("../images/ico2.png");
}
.pro-list{
    overflow: hidden;margin: 20px 0;
}
.pro-list ul li{
    float: left;margin: 1%;width: 31.3333%;text-align: center;
}
.pro-img{
    background: url("../images/pro-bg.jpg") no-repeat center;background-size: cover;width: 100%;height: 100%;
}
.pro-list ul li img{
    width: 90%;margin: 5%;
}
.pro-list ul li p{
    line-height: 40px;
}
.advantage{
    max-width: 1500px;margin: 0px auto;overflow: hidden;padding:0 30px;min-width:1140px;
}
.ad-left{
    float: left;width: 360px;padding: 30px;background: #bed5ff;
}
.ad-guider{
    border-bottom: 1px solid #004591;padding-bottom: 10px;
}
.ad-guider .tit{
    font-size: 22px;font-weight: bold;color: #004591;margin-right: 5px;
}
.ad-guider a{
    margin-top: 5px;color: #004591;
}
.ad-list{
    padding:10px 20px;
}
.ad-list ul li{
    padding: 15px;border-bottom: 1px solid #fff;font-size: 16px;
}
.ad-list ul li i{
    width: 26px;height: 30px;display: inline-block;background: url("../images/honor-i.png") no-repeat;vertical-align: middle;margin-right: 15px;
}
.ad-list ul li span{
    vertical-align: middle;
}
.ad-list ul li:last-child{
    border-bottom: 0px;
}
.ab-bom{
    text-align: center;position: relative;
}
.ad-right{
    float: right;width: 68%;text-align: center;background: #ecffbe;padding: 40px 0;
}
.ad-right img{
    width: 80%;
}
.about-hold{
    max-width: 1400px;margin: 40px auto;overflow: hidden;padding:0 30px;min-width: 1140px;
}
.about-left{
    width: 30%;float: left;padding: 2%;background: #fff;
}

.about-con img{
    width: 100%;margin: 20px 0 10px 0;
}
.about-con p{
    line-height: 27px;
}
.about-right{
    width: 60%;float: right;padding: 2%;background: #fff;line-height: 27px;
}
.news-commend{
    padding: 15px 0;overflow: hidden;border-bottom: 1px solid #bed5ff;margin: 10px;
}
.news-left{
    float: left;margin-right: 25px;width: 220px;border: 1px solid #98afc9;
}
.news-left img{
    width: 100%;
}
.news-right p{
    margin: 10px 0;
}
.news-tit{
    font-size: 16px;color: #004591;font-weight: bold;
}
.news-tit span{
    font-size: 14px;color: #7f7f7f;font-weight: normal;
}

.news-list ul li{
    overflow: hidden;padding: 5px 0;
}
.box-shadow{
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}
.link{
    max-width: 1460px;margin: 40px auto;min-width: 1140px;
}
.link-hold{
    padding: 20px 30px;background: #fff;overflow: hidden;margin: 0 30px;
}
.link .link-left{
    float: left;margin-right: 25px;
}
.link .link-right{
    overflow: hidden;
}
.link .link-right ul li{
    float: left;padding: 5px;
}
.footer{
    background: #004080;padding: 20px 0;line-height: 30px;
}
.footer .tit{
    font-size: 18px;font-weight: bold;
}
.footer a{
    color: #cbe5ff;
}
.footer-hold{
    max-width: 1200px;overflow: hidden;min-width: 1140px;margin: 0 auto;color: #cbe5ff;
}
.footer-left{
    float: left;width: 15%;margin-top:20px
}
.footer-left1{
    float: left;width: 22%;margin-top:20px
}
.footer-center{
    width: 33%;text-align: center;float: left;
}
.footer-center img{
;width:45%
}
.footer-right{
    width: 30%;float: left;margin-top:20px
}
.footer-bom{
    padding: 5px 0;text-align: center;color: #fff;background:#003366;
}
.footer-bom a{
    color: #fff;vertical-align: middle;margin: 0 10px;
}
.footer-bom span{
    vertical-align: middle;
}
.footer-bom  img{
    vertical-align: middle;
}

/*内页头部导航*/

.n-second-guide{
    width: 1200px;position: relative;margin: 30px auto;text-align: center;
    animation:zoomIn 2s;
    -moz-animation:zoomIn 2s; /* Firefox */
    -webkit-animation:zoomIn 2s; /* Safari and Chrome */
    -o-animation:zoomIn 2s; /* Opera */
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1;
    }
}
@-moz-keyframes zoomIn /* Firefox */
{
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes zoomIn  /* Safari and Chrome */
{
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
@-o-keyframes  zoomIn  /* Opera */
{
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
.n-second-guide .line{
    border-top: 1px solid #ddd;
    position: absolute;
    top: 50%;
    z-index: -1;
    width: 100%;
}
.n-second-guide a{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}
.n-second-guide a:hover{
    background: #004080;
    color: #fff;
}
.n-second-guide .on{
    background: #004080;
    color: #fff;
}

.n-pro-hold{
  width: 1200px;margin: 10px auto;padding-bottom: 60px;overflow: hidden;
}
.n-tit{
    font-size: 16px;font-weight: bold;color: #000;margin-top: 10px;
}

.n-left-top i{
    width: 19px;height: 19px;display: inline-block;vertical-align: middle;background: url("../images/fenlai.png") no-repeat;margin-right: 10px;
}
.n-left ul li{
    padding:  15px;border-bottom: 1px dashed #ddd;position: relative;font-size: 16px;
}

.n-left ul li i{
    position: absolute;right: 15px;top:18px;width: 15px;height: 15px;display: inline-block;background: url("../images/left2.png");background-size: 100% 100%;
}
.n-left ul  .current a{
    color: #45a5e1;
}

.n-left-bom{
    margin: 20px 0;text-align: center;
}


.n-left p{
    padding: 5px 10px;
}
.article-article h1{
    font-size: 20px;
    color: #333;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}
.article-article h2{
    font-size: 14px;
    color: #999;
    text-align: center;
    margin: 10px 0;
}

.n-right{
   line-height: 27px;
    color: #666;
    margin-bottom: 40px;
   
    overflow: hidden;
}
.n-right1{
   line-height: 27px;
    color: #666;
    margin-bottom: 40px;
   
    overflow: hidden;
}
.n-right img{

}
.forem table tr td{
    padding: 5px;
}
.n-second-guider-hold{
    border-bottom: 1px solid #ddd;margin-bottom: 20px;overflow: hidden;
}
.n-pro-head{
    float: left;font-size: 22px;font-weight: bold; line-height: 64px
}
.n-pro-head i{
    width: 3px;height: 20px;vertical-align: middle;display: inline-block;background: #00a0e9;
}
.n-pro-head span{
    vertical-align: middle;
}
.pos_center{float: right}
.pos{background: url(../images/current_icon.png) left 2px center no-repeat; padding-left: 25px; line-height: 64px;color: #666;}
.pos span{margin-left: 6px;}
.pos a{color: #666;}
.pos a:hover{color: #55a1d9;}
.pos a.on{color: #55a1d9;}

.pro-list-hold1{
    overflow: hidden;
}
.tijian-img {
    text-align: center;margin: 20px 0;
}
.pro-list-hold1 ul li{
    width: 31.333%;margin: 1%;text-align: center;float: left;
}
.pro-list-hold1 ul li img{
    width: 100%;height: 190px;
}

.pro-list-hold2 ul li{
    width: 31.333%;margin: 1%;text-align: center;float: left;
}
.pro-list-hold2 ul li img{
    width: 100%;height: 250px;
}
.pro-list-hold2 ul li p{
    line-height: 40px;
}
.honor{
    max-width: 1200px;overflow: hidden;margin: 20px auto;position: relative;
}
.honor img{
    width: 90%;border: 1px solid #ddd;
}
.fenye{
    overflow: hidden;margin: 20px;
}
.fenye ul li{
    float: left;padding: 5px;
}
.ph-product-guider{
    display: none;
}
.fenye{
	margin:0 auto;
}
.fenye ul{
	list-style-type:none;
	padding:22px 16px 12px 0px; display:table; margin:0 auto;
}
.fenye ul span{
	float:left;
	font-family:Tahoma;
	height:30px;
	line-height:30px;
	margin-right:5px; margin-bottom:8px;
}
.fenye ul span.page-status{
	padding-left:12px; padding-right:12px; border:1px solid #E9E9E9;
}
.fenye ul span.page-numbar{
	margin-right:3px; margin-left:-3px;
}
.fenye ul span.page-numbar a{
	margin-left:3px; margin-right:3px;	
}
.fenye ul span a{
	float:left;
	color:#555;
	height:30px;
	line-height:30px;
	padding-left:12px;
	padding-right:12px;
	display:block;
	border:1px solid #E9E9E9;
}
.fenye ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#004080; height:30px; line-height:30px;
	padding-left:12px;
	padding-right:12px; display:block;
}
.fenye ul a.page-num-current,
.fenye ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#004080;
	padding:0px 4px 0px; padding-left:12px; padding-right:12px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; padding-bottom:30px; height:auto; overflow:hidden; color:#888;
}
.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:15px; font-size:14px;
}
.prenext ul{
	list-style-type:none;
}
.prenext li{
	line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}


/* 列表页 */
/*新闻列表*/
.n-list-news{
    overflow: hidden;margin: 30px auto;
}
.n-list-news ul li{
    float: left;width: 359px;padding: 20px;line-height: 27px;height: 180px;border-right: 1px dashed #ddd;margin: 10px 0;
}
.n-news-tit{
    font-size: 16px;font-weight: bold;
}

.n-list-news ul li .n-news-con{
    margin: 10px 0;
}
.n-list-news ul li:hover .n-news-bom a{
    color: #d40000;
}
.n-list-news ul li:hover .n-news-tit {
    color: #00a0e9;
}
.n-list-news2{

    overflow: hidden;
}
.n-list-news2 ul li{
    border-bottom: 1px dashed #ddd;padding: 20px;line-height: 27px;
}

.n-news-tit span{
    font-size: 14px; font-weight: normal;
}
.n-list-news2 ul li:hover .n-news-tit {
    color: #00a0e9;
}
.n-list-news2 ul li .n-news-con{
    margin: 5px 0;
}
/* 文章页 */
/* 医师介绍 */
.list_doctor_box dl{line-height:1.8; overflow:hidden;padding-bottom:18px;margin-bottom:18px;position:relative; border-bottom:1px dashed #e8e8e8;}
.list_doctor_box dl dt{border:1px solid #e6e6e6; float:left; margin-right:15px;}
.list_doctor_box dl dt img{
    width: 120px;
}
.list_doctor_box dl dd{float:left;margin-left: 20px}
.list_doctor_box dl dd h2{font-weight:bold; font-size:14px; }
.list_doctor_box dl dd h2 a:hover{color:#ff7200;}
.list_doctor_box dl dd h2 span{margin-right:25px;}
.list_doctor_box dl dd p{width:700px;}
.list_doctor_box dl dd .yyzx{position:absolute; bottom:25px; left:158px;}
.list_doctor_box dl dd .yyzx a{width:90px;line-height:26px;text-align:center;margin-right:12px;display:inline-block; border:1px solid  #55a1d9;;}
.list_doctor_box dl dd .yyzx a.hdf{width: 126px; border: 1px solid #55a1d9;}
.list_doctor_box dl dd .yyzx a.hdf i{display: inline-block; width: 15px; height: 12px; margin-right: 5px; background: url(http://www.yodak.net/images/img2017/ico_hdf.png) no-repeat;}
.list_doctor_box dl dd .yyzx a.yy,.list_doctor_box dl dd .yyzx a:hover{background:#55a1d9; color:#fff;}

/* 预约页面 */
.yuyue_body .zyy>h1{font-weight:normal;}
.yuyue_body input,.yuyue_body select,.yuyue_body textarea{border:1px solid #ccc; padding:0;}
.yuyue_body textarea{resize: none;}
.yuyue_body .m1{border:1px solid #c95910; border-radius:4px;text-align:center;box-shadow:inset 0 1px 0 0 #f8ab7a; background:linear-gradient(#f7873f 0,#f68033 40%,#f06912 60%,#ea6712 80%,#e96612 100%);background:-webkit-linear-gradient(#f7873f 0,#f68033 40%,#f06912 60%,#ea6712 80%,#e96612 100%);}/*橙色渐变*/

.right_sunu{
    padding: 30px 0;
}
.jiathis_style_24x24{
    float: right;
}
.n-share{
    margin: 20px 0;
}
.ad{
    margin: 40px 0;
}
.n-right .ad img{
    width: 100%;
}
/*----------专家团队详情-------------*/
.zjtd_xq_con{margin-top: 30px;}
.zjtg_img img{width: 100%;display: inline-block}
.zjtg_img{margin-right: 40px;padding-bottom: 20px;}
.zjtd_con .Expert_d{width: 520px;}
.zjtd_con .Expert_d p{color: #999;}
.zjtg_img .tjmy_tg{margin-top: 30px;}
.zjtg_img .zjtd{height: 330px;overflow: hidden;width: 330px;}

.Expert_d h4
{;font-size: 18px;margin-top: 30px}
.Expert_d h4 .ft14{
    font-size: 16px;color: #f2f546;
}
.Expert_d h5{
    font-size: 16px;margin: 10px 0;
}
.zjtd_xq_con .Expert_d h5{margin-bottom: 7px;margin-top: 18px;}
.zjtd_xq_con .Expert_d p{text-align: justify; }
.zjtd_xq_con .Expert_d .ft16 span{color: #55a1d9;font-weight: normal;}
.zjtd_xq_con .Expert_d .cj{margin-bottom: 18px;}

.n-left-bom-img-list{
    margin-top: 20px;
}
.n-left-bom-img-list img{
    margin: 0 2px;
}
.right-scroll-top{
    position: fixed;bottom: 30px;right: 20px;width: 86px;
}
.right-scroll-top .right-erweima{
    position: absolute;bottom: 40px;left: -86px;display: none;
}
.right4{
    cursor: pointer;
}
.right3{
    cursor: pointer;
}
.n-contact-hold{
    overflow: hidden;margin: 40px auto;width: 700px;
}
.contact-tit{
    text-align: center;font-size: 22px;color: #00a0e9;font-weight: bold;
}
.margin-top-20{
    margin-top: 25px;
}
.iframe-map{
    width: 700px;margin: 40px auto;
}
.map{
    width: 100%;height: 100%;
}

.ks-list ul li{
    float: left;width: 30.333%;margin:0.5% 1.5%;text-align: center;height: 320px;
}
.ks-list ul li img{
    width: 96%;margin-top: 10px;border: 1px solid #ddd;
}
.ks-list ul li p{
    padding: 10px 5px 20px 5px;
}
.jqueryzoom img{
    width:400px
}
.i-more {
    text-align: center;color: #0c2f86;margin:20px 0 40px 0
}
.i-more a{
;padding: 5px 15px;background: #0c2f86;border-radius: 20px;color: #fff
}
.pro-right-list  ul li{
    float: left;width: 29%;margin: 1%;text-align: left;padding: 1%;background: url("../images/pro-bg.jpg") no-repeat center;background-size: cover;height:240px
}
.pro-right-list ul li p{
    line-height:27px;
}
.i-pro-right-list ul li{
;width: 21%;
}
.pro-right-list ul li:hover p{
    color: #45a5e1;
}
.pro-right-list ul li img{
    width: 96%;border: 1px solid #ddd;padding: 1%;
}
.pagelist{
    overflow: hidden;margin: 20px;
}
.pagelist ul li{
    float: left;padding: 5px;
}
.n-about-hold{
width: 820px;
    float: right;
    background: #fff;
    padding: 20px;
}
.n-about-hold1{
width: 820px;
    float: right;
    background: #fff;
    padding: 20px;
}
.n-about-hold h1{
    text-align: center;font-size: 22px;margin: 30px;font-weight: bold;color: #000;
}
/*.n-about-hold table{border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:100%}
.n-about-hold table td{border-left:1px solid #ddd;border-top:1px solid #ddd;text-align:center;padding:5px 0}
.n-about-hold table tr:nth-child(odd){
    background: #b4dfff;
}*/
.n-about-hold table {
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #ddd;
    width:100%;
    text-align: center;
    vertical-align: middle;
}

.n-about-hold table  th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background-color:#3F3F3F;
    border:1px solid #ddd;
    text-align:left;

}

.n-about-hold table  td {
    vertical-align:middle;
    padding:6px 15px 6px 6px;
    border:1px solid #ddd;
    vertical-align: middle;
}
.n-about-hold table  td img{
    vertical-align: middle;padding-right: 10px;
}
.n-about-hold table tr:first-child{
    background:#004080;color:#fff
}
.article-shop-bom{
    max-width: 1120px;margin: 40px auto;border: 1px solid #ddd;
}
.n-pro-shop-guider{
    background: #eeeeee;
    border-bottom: 1px solid #dddddd;
    line-height: 40px;
    height: 40px;
}
.n-pro-shop-guider ul li{
    float: left;
    color: #333333;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    width: 10%;
    text-align: center;
    border-right: 1px solid #dddddd;
    cursor: pointer;
    position: relative;
}
.n-pro-shop-guider ul .on{
    background: #fff;
    border-top: 2px solid #004080;
    color: #004080;
    font-weight: bolder
}
.n-pro-shop-con{
    padding: 30px;
}
.n-pro-shop-con ul li{
    display: none;
}
.n-pro-shop-con ul .show{
    display: block;
}
/*手机*/
.right_fanye{
    margin: 20px;
}
.right_fanye a:hover{
    color: #45a5e1;
}

.hezuo-hold1{
    max-width: 1200px;margin:20px auto
}
.hezuo-hold1 .hezuo-top{
    text-align: center;margin: 20px 0;
}
.hezuo-img-hold1{
    position: relative;max-width: 1200px;margin: 0px auto;
}
.hezuo-img-hold1 i{
    position: absolute;width: 35px;height: 76px;display: inline-block;cursor: pointer;
}

.hezuo-hold1 .hezuo-list1{
    position: relative;height: 220px;width: 1000px;overflow: hidden;margin: 0 auto;
}
.hezuo-hold1 .hezuo-list1 ul{
    position: absolute;left: 0px;top:20px
}
.hezuo-hold1 .hezuo-list1 ul li{
    float: left;width: 250px;text-align: center;
}
.hezuo-hold1 .hezuo-list1 ul li p{
    line-height: 30px;
}
.hezuo-hold1 .hezuo-list1 ul li:hover p{
    color: #45a5e1;
}
.hezuo-hold1 .hezuo-list1 ul li img{
    width: 90%;border:1px solid #ddd;
}
.n-left-contact .n-left-contact-tit{
    font-size: 16px;font-weight: bold;margin-top:10px;
}
.n-left-contact {
    padding: 10px 0;
}


.power{
    -webkit-transition: -webkit-transform 0.3s;
    transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}
.power:hover{
    transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
.article-shop-img{
    width: 440px;float: left;text-align: center;background: url("../images/pro-bg.jpg") no-repeat center;background-size: cover;
}
.article-shop-con{
    width: 360px;float: right;
}
.key-word{
    margin: 20px 0;
}

.share-component{
    margin-top: 20px;
}
.key-word a{
    margin: 0 5px;color: #08c;
}
.article-shop-con h1{
    color: #004080;text-align: left;margin:0px;font-size: 28px;line-height: 36px;
}
.article-shop-tel{
    background: #00a0e9;padding: 10px;text-align: right;
}
.btn{
    padding: 5px ;
    outline: none;
    border: none;
    color: #fff;
    background:#fd8822;
    text-align: center;

    letter-spacing: 2px;
    cursor: pointer;
    width: 190px;
    border-radius: 5px;
}
.btn i{
    width: 26px;height: 26px;display: inline-block;background: url("../images/sever-3-3.png") no-repeat;background-size: 100% 100%;vertical-align: middle;
}
.btn:hover{
    background: #f07100;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.n-about-left{
    width: 50%;float: left;margin: 5% 0;
}
.n-about-left .ti{
    font-size: 30px;
    color: #00a0e9;
    line-height: 40px;
    padding-top: 24px;
}
.n-about-left .line{
    width: 35px;
    height: 3px;
    background: #00a0e9;
    margin-top: 23px;
}
.n-about-left a{
    color: #00a0e9;
}
.n-about-hold iframe{
    width: 100%;height: 600px;
}
.n-about-left p{
    padding-top: 20px;
    font-size: 16px;
    color: #525252;
    line-height: 30px;
}
.n-about-right{
    width: 45%;float: right;margin: 5% 0;
}
.n-about-right img{
    width: 100%;
}


.n-contact-table {
    overflow: hidden;margin:20px 0
}
.n-contact-left{
    margin-top:20px;
    float: left;
    width: 50%;

}

.n-contact-left p{
    padding:5px 0
}
.n-contact-left  img{
    width: 270px;margin: 30px auto;
}
.n-contact-table table {
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #aaa;
    width:100%;
    text-align: center;
    vertical-align: middle;
}

.n-contact-table table  th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background: #b4dfff;
    border:1px solid #3F3F3F;
    text-align:left;

}
.n-contact-table{
    max-width: 800px;margin: 40px auto;
}
.n-contact-table table  td {
    vertical-align:middle;
    padding:6px ;
    border:1px solid #fff;
    vertical-align: middle;
}

.n-contact-table table tr:nth-child(odd){
    background: #9dfff9;
}
.n-contact-table table tr  td:nth-child(even){
    text-align: left;padding-left: 10px;
}
/*表单*/
.bg{
    position: fixed;z-index: 100;left: 0px;top:0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;display: none;
}
.form{
    position: fixed;z-index: 101;width: 600px;background: #fff;margin: 50px auto;left: 50%;top:10%;margin-left: -300px;padding-bottom: 40px;display: none;
}
.form .form-head{
    background: #f07100;text-align: center;padding: 20px;font-size: 22px;;color: #fff;
}
.form .form-head i{
    width: 35px;height: 35px;display: inline-block;background: url("../images/cha.png") no-repeat;background-size: 100% 100%;cursor: pointer;
}
.form-list{
    padding: 20px 80px;
}
.form-list ul li{
    overflow: hidden;margin: 20px 0;vertical-align: middle;
}
.form-list ul li .form-left{
    width: 20%;float: left;margin-top: 15px;
}
.form-list ul li .form-right{
    float: left;width: 80%;
}
.form-list ul li .form-right input{
    width: 90%;padding: 15px;outline: none;border-radius: 5px;border:  1px solid #dedede;


}
.form-list ul li .form-right textarea{
    height: 180px;
    border: 1px solid #dedede;
    text-indent: 1em;
    width: 100%;
    resize: none;
    outline: none;
    line-height: 27px;
    box-sizing: border-box;
    border-radius: 5px;
}

.submit{
    padding: 10px ;
    outline: none;
    border: none;
    color: #fff;
    background:#fda04e;
    width: 100px;text-align: center;
    margin:0px auto;
    letter-spacing: 2px;
    cursor: pointer;
    border-radius: 5px;
}
.submit:hover{
    background: #f07100;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.history-hold {
    max-width: 1440px;
    margin:0 auto;
    overflow: hidden;
    padding: 0 30px;
    min-width: 1140px;
    background: #fff;




}
.xian{
    position: absolute;
    top: 50%;
    width: 1200px;
    height: 1px;
    background: #0c8659;
    left: 100px;
}
.padding-top-20 {
    padding-top: 30px;
}
.padding-top-120{
    padding-top: 120px;
}
.padding-top-20{
    padding-top: 30px;
}
.padding-top-150{
    padding-top: 150px;
}
.history{
    font-size: 12px;
    color: #4f4f4f;
    position: relative;
    width: 1400px;

    overflow: hidden;
    margin:0 auto;
;overflow: hidden;text-align:center
}
.padding-top-60{
    padding-top: 70px;
}
.history ul li{
    float: left;width: 10%;position: relative;line-height: 27px;
}
.history ul li:hover .hist-center p{
    background: #2770d2;
}
.history ul li:hover   {
    color: #2770d2;
}
.history ul li .hist-top{
    height:180px ;
}
.date-tit{
    font-size: 18px;font-weight: bold;text-align:center;color:#000
}
.history ul li .hist-center{
    height:100px ;text-align: center;line-height: 80px;
}
.history ul li .hist-center p{
    width: 80px;height: 80px;margin: 10px auto;background: #17427c;font-size: 28px;font-weight: bold;color: #fff;border-radius: 50%;
}
.history ul li .hist-bottom{
    height:180px ;
}

.article-shop-left{
    width: 220px;float: left;background:#004080;color: #fff;text-align: center;
}
.pro-left-bom{
    background: #004a94;
    padding: 20px 0;
    margin-top: 20px;
}
.article-shop-left a{
    color: #fff;
}
.article-shop-left .article-shop-left-tit{
    font-size:20px;font-weight: bold;line-height: 70px;border-bottom: 1px solid #4dadf7;letter-spacing: 2px;
}
.article-shop-left  ul{
    padding: 15px 0;
}
.article-shop-left ul li{
    padding: 12px 0;
    margin: 0px 30px;
    text-align: left;
    border-bottom: 1px dashed #6cbefd;
    position: relative;
}
.article-shop-left ul li i{
    width: 9px;height: 10px;background: url("../images/i.png") no-repeat;vertical-align: middle;margin-right: 10px;display: inline-block;
}

.chanpin{
    max-width: 1400px;margin: 40px auto;overflow: hidden;min-width: 1200px;
}
.chanpin-guider{
    width: 300px;float: left;background: #004591;
}
.chanpin-guider .chanpin-guider-hold{
    padding: 15px;color: #fff;
}
.chanpin-guider .chanpin-guider-hold a{
    color: #fff;
}
.chanpin-guider  .chanpin-tit{
    line-height: 40px;border-bottom: 1px solid #0063cc;text-align: center;
}
.chanpin-guider   .chanpin-tit span{
    font-size: 18px;font-weight: bold;padding-right: 10px;
}
.chanpin-guider-list{
    padding: 10px;border-bottom: 1px solid #0063cc;
}
.chanpin-guider-list i{
    width: 9px;
    height: 10px;
    background: url(../images/i.png) no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}
.chanpin-guider-list span{
    vertical-align: middle;
}
.chanpin-guider-list-p{
    line-height: 27px;padding: 10px 35px;
}
.chanpin-img{
    width: 74.5%;float: right;overflow: hidden;background:#fff;padding:1%
}
.chanpin-right-guider{
    text-align: center;margin: 20px ;
}
.chanpin-right-guider a{
    padding: 10px 10px;background: #e5e5e5;margin: 0 10px;
}
.chanpin-right-guider a:hover{
    background: #004591;color: #fff;
}
.chanpin-list-img  ul li {
    float: left;
    width: 29%;
    margin: 1%;
    text-align: center;
    padding: 1%;
    background: url(../images/pro-bg.jpg) no-repeat center;
    background-size: cover;
    height: 270px;
}
.chanpin-list-img  ul li{
    float: left;width: 29%;margin: 1%;text-align: left;padding: 1%;background: url("../images/pro-bg.jpg") no-repeat center;background-size: cover;height:290px
}
.chanpin-list-img ul li p{
    line-height:24px;
}

.chanpin-list-img ul li:hover p{
    color: #45a5e1;
}
.chanpin-list-img ul li img{
    width: 96%;border: 1px solid #ddd;padding: 1%;
}
.fazhan{
    max-width: 1400px;
    margin: 40px auto;
    
    min-width: 1200px;
}
.licheng-left{
    width:20%;float: left;padding:  2%;background: #fff;
}
.licheng-right{
    width: 70%;float: right;padding:  2%;background: #fff;
}
.licheng-right img{
    width: 100%;margin-top:30px
}
  .video-guider{
            background: #ff0000;color:#fff;padding:15px
        }
 .video-guider a{
color:#fff;
}
.chanpin-guider  .video-guider  .chanpin-tit{
border-bottom: 1px solid #f55252;
}
 .video-guider .chanpin-guider-list{
border-bottom: 1px solid #f55252;
}
 .video-chankan{
            line-height: 50px;text-align: center;color: #fff;font-size: 16px;
        }
  .licheng-list{
            overflow: hidden;
            margin-top: 20px;
             width:255px
        }
        .licheng-list-hold {
            overflow: hidden;
            position: relative;
        }
        .licheng-list .licheng-left {
            float: left;
            width: 80px;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            padding: 10px 0;
        }
        .licheng-list-hold i {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 1px solid #004080;
            position: absolute;
            left: 76px;
            top: 20px;
            display: inline-block;
            background: #fff;
        }
        .licheng-list .licheng-right {
            width: 160px;
            float: left;
            padding: 5px 0 5px 10px;
            line-height: 20px;
            border-left: 1px solid #004080;
        }
@media screen and (max-width: 1560px){
    .ad-right{
        width: 68%;padding: 60px 0;
    }

}
@media screen and (max-width: 1500px){
    .ad-right{
        width: 66%;
    }
}
@media screen and (max-width: 1450px){
    .ad-right{
        width: 65%;padding: 120px 0;
    }
.chanpin-img{
width:73%
}
.chanpin-right-guider a{
padding:10px;margin:0 5px;
}
}
@media screen and (max-width: 1300px){
    .ad-right{
        width: 62%;padding: 140px 0;
    }
}



/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;bottom:40px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}