/*头部开始*/
html{color:#000;background:#FFF; }
body { color:#666;font:13px/1.231 arial,helvetica,clean,sans-serif,"微软雅黑";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
li{list-style:none;}
a:link, a:visited {
    text-decoration: none;
    outline: none;
}
.h_top b a{color: #f0f0f0}
.header , .content , .footer { width:1200px; margin:0 auto;  }
.top_bg{ background:url(/Skins/Default/Img/Common/top_bg.png) repeat-x; height:147px;}
.h_top{ height:36px; line-height:36px;color: #adadae; position:relative; z-index:999;}
.h_top em{ float:left;}
.h_top span{ float:right; display:inline-block; _padding:8px 0 0;}
.h_top span a{ padding:0 10px; display:inline-block;}
.h_top span img{width: 12px;height: 13px; display:inline-block; vertical-align:middle; padding:0 5px 0 0;}
.h_con{ height:91px; overflow:hidden; padding-left: 50px; padding-right: 50px;}
.h_con-middle{float:right; width: 720px;}
.h_con h1{ float:left; padding:5px 22px 0 0;}
.h_con h1 img{ width:246px; height:77px;margin-top: 5px;}
.h_con .h_con_logo{ float:left; padding:5px 22px 0 0;}
.h_con .h_con_logo img{ width:246px; height:77px;margin-top: 5px;}
.h_con .h_dw{ float:left; padding:17px 0 10px 0px; font-size:21px; color:#787878; text-align: center;}
.h_dw span{  display:block; font-size:20px; color:#787878; margin:5px 0 0; background:url(/Skins/Default/Img/Common/t_kbg.gif) no-repeat 0 12px; width: 189px;height: 26px;text-align: center; line-height: 24px;overflow: hidden; width:378px;}
.h_con .tel{ /* background:url(Img/Common/tel.gif) no-repeat 0 35px;*/ float:right; padding:15px 0 0 52px; font-size:14px; color:#373838;}
q select{background:url(/Skins/Default/Img/h_ico02.gif) no-repeat;float: right; margin:50px 0 0 50px; width:170px; height:34px; border:none; font-size:15px; line-height:34px; padding-left:12px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
q select option{ padding-left:10px;}
q select::-ms-expand { display: none; }

.phone-png{vertical-align: middle;margin-bottom: 2px;}
.tel span{ display:block;font-size:16px; color:#787878;margin-top: 15px;text-align: center;line-height: 22px;height: 23px;}
.h_nav{ height:56px; line-height:56px;}
.h_nav li{ float:left; background:url(/Skins/Default/Img/Common/nav_bor.gif) no-repeat right 19px; position:relative; z-index:9;}
.h_nav li a{ font-size:15px; color:#fff; padding:0 21px;display:block; float:left;}
.h_nav li.cur a,.h_nav li a:hover{ background:#f39801; text-decoration:none;}
.h_nav .nobor{ background:none;}
.h_nav .outyes{background: #d90303;}

.h_nav li .erj{ display:none; width:135px; position:absolute; top:56px; left:0;height: 550px;}
.h_nav li .erj li{ background:none; float:none;}
.h_nav li .erj a,.h_nav li.cur .erj a{font-size: 14px; height:35px; line-height:35px;width:100%; display:block; text-align:center; padding: 0; background:#008EDA;}
.h_nav li.cur .erj a:hover,.h_nav li .erj a:hover{ background:#f39801;}

.h_nav ul li ul li .sanj{ display:none; width:135px; position:absolute; top:0; left:135px;height: 530px;}
.h_nav ul li ul li .sanj li{ background:none; float:none;}
.h_nav ul li ul li .sanj a,.h_nav ul li ul li.cur .sanj a{font-size: 12px; height:35px; line-height:35px;width:100%; display:block; text-align:center; padding: 0; background:#008EDA82;}
.h_nav ul li ul li.cur .sanj a:hover,.h_nav ul li ul li .sanj a:hover{ background:#f39801c9;}

.h_xl { background:url(/Skins/Default/Img/Common/site.gif) no-repeat; width:103px; height:21px; margin:5px 0 0 10px;}
#site{ position:relative; z-index:3;top:2px;cursor:pointer;}
#siteDiv{  background-color: #FFFFFF;border: 1px solid #999999;display: none;padding: 8px 10px;position: absolute;top: 26px;white-space: nowrap;width: 126px;z-index: 1000; display:none;left:0px;}
#siteDiv a{float: left;list-style-type: none;padding-right: 15px; display:inline-block; color:#666;}
#siteDiv a:hover{ color:#008EDA;}
/*头部结束*/

/*banner*/
body #flashs .bgitem{height:auto;}
#flashs{ position:relative; height:388px; overflow:hidden; clear:both;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; height:388px;}
#flashs .btn{ bottom:5px;padding: 5px 6px;position: absolute;right: 42.5%;z-index: 7;}
#flashs .btn span{ border-radius:10px;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=80);opacity:0.8;line-height:999px;}
#flashs .btn span.cur{ background:#008eda;filter:alpha(opacity=100);opacity:1;}
/*banner结束*/

/*底部开始*/
.f_bg{ background: url(/Skins/Default/Img/Common/f_bg.jpg) no-repeat center 0; overflow:hidden; height:314px;}
.fl {
    float: left;
}
.f_logo{
    width:254px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;}
.f_logo i img { width:215px; height:auto; padding-top: 40px;}
.f_logo p { margin:0px 0 0; font-size:14px; color:#373838}
.f_logo p b { display:block; font-size:22px; color:#008eda;}
.f_logo em { display:block; padding:55px 0 10px;}
.f_logo em img{
    width: 45%;
}

.f_ban{ padding:60px 0 0 70px; width:870px; position: relative;}
.jiance360{position: absolute; left: 560px; bottom:50px;}

.f_nav01{ height:45px; text-align:center; overflow:hidden; padding-bottom:20px;}
.f_nav01 a{ font-size:15px; color:#f5f5f6; padding:0 20px;}
.f_ban p{ font-size:12px; color:#fff; line-height:30px; float: left; padding-left:50px;}
.f_ban p a { color:#fff;}
.f_ban span{ padding:0 50px;}
.f_er{ padding:10px 40px 0;}
.f_er img{ width:104px; height:104px; float:left;}

/*底部结束*/

/*侧边联系栏*/
.sider_right {
    width:34px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 999;
}
.sider_right ul li{
    position: relative;
    width: 100%;
    height: 90px;
    margin: 2px 2px 2px 2px;
    transition: 0.5s;
    right: 0;
    box-sizing: border-box;
}
.sider_right ul li.active{
    display: none;
}
.sider_right ul li:first-child{
    margin-top: 0;
}
.sider_right ul li span{
    display: block;
    position: absolute;
    width: 40px;
    height: 90px;
    color: white;
    top: 2;
    left: 0;
    background: #f39801;
    text-align: center;
    box-sizing: border-box;
    z-index: 99;
    cursor: pointer;
    font-size: 16px;
    padding-top: 6px;
    padding-right:30px;
    padding-bottom:2px;
    padding-left:8px;


    line-height: 1.3;
    border-radius: 5px 0 0 5px;
    box-shadow: -1px 1px 3px rgba(0,0,0,.3);
}
.sider_right ul li:hover span{
    display: none;
}
.sider_right ul li a{
    display: block;
    position: absolute;
    width: 80px;
    height: 90px;
    color: white;
    top: 0;
    right: 0;
    background: #f39801;
    text-align: center;
    box-sizing: border-box;
    z-index: 99;
    cursor: pointer;
    padding-top: 50px;
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    transform:translate(120px);
    transition: all .4s;
}
.sider_right ul li:hover a{
    transform:translate(0);
}
.sider_right .side-div1 {
    display: block;
    position: absolute;
    width: 80px;
    height: 90px;
    color: white;
    top: 0;
    right: 0;
    background: #f39801;
    text-align: center;
    box-sizing: border-box;
    z-index: 99;
    cursor: pointer;
    padding-top: 50px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    transform:translate(80px);
    transition: all .4s;
    background: url(/Skins/Default/Img/sider_cats.png) center 15px #f39801 no-repeat;
}
.sider_right ul li:hover .side-div1{
    transform:translate(0);
}
.sider_right a.side-div2 {
    display: block;
    position: absolute;
    width: 80px;
    height: 90px;
    color: white;
    top: 0;
    right: 0;
    background: #f39801;
    text-align: center;
    box-sizing: border-box;
    z-index: 99;
    cursor: pointer;
    padding-top: 50px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    transform:translate(80px);
    transition: all .4s;
    background: url(/Skins/Default/Img/sider_test.png) center 15px #f39801 no-repeat;
}
.sider_right a.side-div3 {
    width: 120px;
    background: url(/Skins/Default/Img/sider_phone.png) center 15px #f39801 no-repeat;
}
.sider_right a.side-div5 {
    width: 120px;
    transform:translate(120px);
    background: url(/Skins/Default/Img/sider_phone.png) center 15px #f39801 no-repeat;
    height: auto;
    padding: 10px;
}
.sider_right a.side-div5 img{
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.sider_right .backtop{
    background: #347FE5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 3px 0;
    height: 40px;
    cursor: pointer;
    box-shadow: -1px 1px 3px rgba(0,0,0,.3);
}
.sider_right .backtop:hover{
    background: #082e6d;
}
.sider_right ul li:last-of-type a{
    box-sizing: border-box;
    background-color: #f0f0f0;
    color: #555;
    padding-top: 14px;
    font-size: 13px;
}
/*侧边联系栏结束*/

/*氮化硼主体*/
.dhp-top{
    width: 100%;
    border-bottom: 1px solid #979797;
}
.dhp-top h1{
    text-align: center;
    line-height: 80px;
    color: #347FE5;
    font-size: 30px;
}
.dhp-img{
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    margin-bottom: 50px;
}
.dhp-img-left{
    width: 34%;
    margin-right: 2%;
    overflow: hidden;
}
.dhp-img-left img{
    float: left;
}
.dhp-img-right{
    width: 64%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: column;
}
.dhp-right-one{
    width: 100%;
    margin-bottom: 50px;
}
.dhp-right-one p{
    font-size: 14px;
    color: #333333;
    line-height: 36px;
}
.dhp-right-two{
    width: 100%;
}
.dhp-right-two p{
    font-size: 14px;
    color: #333333;
    line-height: 36px;
}
.dhp-two-top{
    width: 128px;
    height: 50px;
    margin: 10px 0;
    background: url(/Images/ysy/dhp-bt.png) no-repeat;
}
.dhp-one-top{
    width: 128px;
    height: 50px;
    margin: 10px 0;
    background: url(/Images/ysy/dhp-bt.png) no-repeat;
}
.dhp-one-top{
    background-position: left top;
    background-size: 100px;
}
.dhp-two-top{
    background-position: left -143px;
    background-size: 100px;
}
.dhp-js{
    width: 100%;
    margin-bottom: 50px;
}
.dhp-js-top{
    width: 128px;
    height: 50px;
    margin: 20px 0;
    background: url(/Images/ysy/dhp-bt.png) no-repeat;
}
.dhp-js-top{
    background-position: left -285px;
    background-size: 100px;
}
.dhp-js img{
    width: 100%;
}
.dhp-sm{
    width: 100%;
    margin-bottom: 50px;
}
.dhp-sm-top{
    width: 128px;
    height: 50px;
    margin: 6px 0;
    background: url(/Images/ysy/dhp-bt.png) no-repeat;
}
.dhp-sm-top{
    background-position: left -429px;
    background-size: 100px;
}
.dhp-sm p{
    font-size: 14px;
    line-height: 40px;
    color: #333333;
}
.dhp-yy{
    width: 100%;
    margin-bottom: 50px;
}
.dhp-yy-top{
    width: 128px;
    height: 50px;
    background: url(/Images/ysy/dhp-bt.png) no-repeat;
}
.dhp-yy-top{
    background-position: left -570px;
    background-size: 100px;
}
.dhp-yy p{
    font-size: 14px;
    line-height: 50px;
    color: #333333;
}
.dhp-yy a{
    display: flex;
    justify-content: center;
    color: #347FE5;
    font-size: 25px;
    line-height: 70px;
    font-weight: bold;
    text-decoration: revert;
    margin: 0 41%;
}
.dhp-yy img{
    width: 100%;
    padding: 25px;
}

.dhp-ry{
    width: 100%;
    margin-bottom: 50px;
}
.dhp-ry-top{
    width: 128px;
    height: 50px;
    margin: 20px 0;
    background: url(/Images/ysy/dhp-bt.png) no-repeat;
}
.dhp-ry-top{
    background-position: left bottom;
    background-size: 100px;
}
.dhp-ry img{
    width: 100%;
}
/*提示框*/
*{box-sizing:border-box;}
@charset "utf-8";.sy-mask {
                     width: 100%;
                     height: 100%;
                     position: fixed;
                     background: rgba(0,0,0,0.8);
                     left: 0;
                     top: 0;
                     z-index: 1000
                 }
.sy-alert {
    position: fixed;
    display: none;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    width: 300px;
    max-width: 90%;
    max-height: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999
}

.sy-alert.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.sy-alert .sy-title {
    height: 45px;
    color: #333;
    line-height: 45px;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    padding: 0 12px
}

.sy-alert .sy-content {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow-y: auto
}

.sy-alert .sy-btn {
    height: 50%;
    border-top: 1px solid #eee;
    overflow: hidden
}

.sy-alert .sy-btn button {
    float: left;
    border: 0;
    color: #333;
    cursor: pointer;
    background: #fff;
    width: 50%;
    line-height: 45px;
    font-size: 15px;
    text-align: center
}

.sy-alert .sy-btn button:nth-child(1) {
    color: #888;
    border-right: 1px solid #eee
}

.sy-alert.sy-alert-alert .sy-btn button {
    float: none;
    width: 100%
}

.sy-alert.sy-alert-tips {
    text-align: center;
    width: 150px;
    background: rgba(0,0,0,0.7)
}

.sy-alert.sy-alert-tips .sy-content {
    padding: 8px;
    color: #fff;
    font-size: 14px
}

.sy-alert.sy-alert-model .sy-content {
    text-align: left
}

.sy-alert.sy-alert-model .sy-content .form .input-item {
    margin-bottom: 12px;
    position: relative
}

.sy-alert.sy-alert-model .sy-content .form .input-item input {
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #eee;
    padding: 10px
}

.sy-alert.sy-alert-model .sy-content .form .input-item .getcode {
    border: 0;
    top: 0;
    right: 0;
    position: absolute;
    background: 0;
    line-height: 37px;
    color: #f60;
    width: 100px;
    text-align: center
}
/*tupain 切换*/
.ban{ width:408px; height:515px; position:relative; overflow:hidden;margin:40px auto 0 auto;float: left;padding: 0 210px;}
.ban2{ width:408px; height:515px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:408px; height:515px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;display: none;overflow: hidden;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:428px; height:535px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:408px; height:515px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:408px; height:515px; float:left;display: flex;flex-wrap: wrap-reverse;align-items: center;justify-content: center;}
.pop_up2 ul li img{ max-width:408px; max-height:515px;}