@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
    margin: 0px;
}
input, button, ul, ol {
    margin: 0px;
    padding: 0px;
}
body, input, button, form, textarea {
    font-size: 14px;
    line-height: 25px;
    font-family: "Noto Sans SC";
    font-weight: 300;
    color: #7b7b7b;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: normal;
}
ul, ol {
    list-style: none;
}
img {
    border: 0px;
    margin: 0;
    padding: 0;
}
em, i, strong {
    font-style: normal;
}
button, input, select, textarea {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    background:#fff;
    overflow-x: hidden;
    overflow-y: auto;
}
* {
    padding: 0px;
    margin: 0px
}
div {
    margin: 0;
    padding: 0;
    border: 0;
}
p {
    margin: 0;
}
b, strong {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;/* Remove most spacing between table cells.*/
}
li {
    list-style: none outside none;
}
/*链接*/
a {
    text-decoration: none;
    color: #7b7b7b;
    background: transparent;
    outline: none
}
a:focus {
    outline: none;
}
a:hover, a:active {
    color: #000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
/*表单*/
form {
    margin: 0;
}
button, input, select, textarea {
    font-size: 100%; /* Correct font size not being inherited in all browsers. */
    margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button, select {
    text-transform: none;
}
input {
    line-height: normal;
    border: none;
}
/*其它*/
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
code, kbd, pre, samp {
    font-size: 1em;
}
pre {
    margin: 1em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dd {
    margin: 0;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
.clear{ clear: both;}




#pages {
    clear: both;
    padding: 10px 0 10px;
    text-align: center;
    font: 12px 'Microsoft YaHei';
}
#pages a {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    margin-right: -1px;
}
#pages a.a1 {
    padding: 0px 12px;
    height: 24px;
    line-height: 22px;
    margin-top: 0px;
}
#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}
#pages span {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    line-height: 22px;
    background: #5a85b2;
    border: 1px solid #5a85b2;
    color: #fff;
    text-align: center;
}
.page .noPage {
    display: inline-block;
    padding: 0px 12px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4;
}
.pageright {
    margin-right: 40px;
}
@media (max-width : 420px) {
    #pages .prev, #pages .next {
        display: none;
    }
}

/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius: 40px; }
.slideBox .hd ul li.on{ background:#1B70B7; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.ny_nav_wrap{ width: 100%;}
.ny_nav{text-align: center; padding: 50px 0 35px 0;width: 1200px;margin: 0 auto;}
.ny_nav ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center}
.ny_nav ul li a{font-size: 17px;color: #0150C6;}
.ny_nav ul li{border:1px solid #0150C6; border-radius: 50px;  width: 210px; height: 50px; margin-right: 20px; text-align: center;  line-height: 50px; background: #fff; }
.ny_nav ul li:hover{background: #0150C6; color: #fff;}
.ny_nav ul li:hover a{color: #fff;}
.ny_nav ul  .on{background: #0150C6; color: #fff;}
.ny_nav ul  .on a{color: #fff;}
 

.i_product_nav_wrap{width: 100%; border-bottom: 1px solid #909090; padding-bottom: 20px;}
.i_product_nav{width: 1200px; margin: 0 auto; }
.i_product_nav .cp_title{float: left;}
.cp_title .one{font-size: 24px; color: #333333; font-weight: bold;}
.blue{color: #007bbf;}
.cp_title .two{font-size: 16px; color: #333333; line-height: 40px;}
.i_product_nav  .i_p_nav{float: right;padding-top: 20px;}
.i_p_nav ul li{float: left;  font-size: 16px; color: #333; font-weight: bold; padding: 0 30px;}
.i_p_nav ul li:hover a{color: #007bbf;}
.i_p_nav .on a{color: #007bbf;}

/*==========@@HTML默认 结束@@==========*/
.top_header_bg{height: 105px; background: url('../images/tpbar_bgx.png') no-repeat;background-size: 100% 100%;}
.top_header{width: 1200px; margin: 0 auto; padding-top: 20px;}
.top_header .logo{float: left;}
.top_header .top_nav{float: right;}
.top_header .top_nav ul li{float: left; padding: 20px; font-size: 16px;}

.i_about_bg{background: #F3F3F3;}
.i_about{width: 1200px; margin: 0 auto; padding: 80px 0 70px 0;}
.i_about .left{ float: left;}
.i_about .left .a_title{padding: 10px 0 30px 0;}
.i_about .left .a_title .en{font-size: 36px; color: #181818; font-weight: bold; padding-bottom: 15px;}
.i_about .left .a_title .cn{font-size: 24px; color: #1e1e1e;}
.i_about .left .a_info{color:#333333;  line-height: 35px;  }
.i_about .left .a_more_btn{}
.i_about .left .a_more_btn .more_btn{background: #1280C4; width: 150px; height: 45px;  text-align: center; color: #fff; line-height: 45px; float: left; border-radius: 30px; margin-right: 30px;}
.i_about .left .a_more_btn .more_btn a{color: #fff;}
.i_about .right{float: right;padding-top: 10px;}

.i_all_title{text-align: center; padding: 50px 0 40px 0;}
.i_all_title .title{font-size: 30px; color: #1e1e1e; padding-bottom: 15px;}
.i_all_title .line{width: 50px; margin: 0 auto; height: 3px; background: #1380C5;}
.i_all_title .jieshao{font-size: 18px; color: #fff; padding-top: 15px;}

.i_product_nav{width: 1200px; margin: 0 auto; text-align: center;}
.i_product_nav ul{justify-content:center; display: flex;}
.i_product_nav ul li{background: #1380C5; height: 40px; border: 1px solid #1380C5; line-height: 40px; min-width: 150px;  font-size: 16px; text-align: center;  border-radius: 30px; margin-right: 30px;}
.i_product_nav ul li:hover{background: #fff; border: 1px solid #1380C5;}
.i_product_nav ul li:hover a{color: #1380C5;}
.i_product_nav ul li a{color: #fff;}

.i_product_list{width: 1200px; margin: 0 auto; padding: 40px 0; }
.i_product_list ul{display: flex;flex-flow: row wrap;}
.i_product_list ul li{width: 288px; margin: 0 10px 10px 0; border: 1px solid #BEBEBE; text-align: center;overflow: hidden; }
.i_product_list ul li .title{color: #333; font-size: 18px; padding: 20px 0;}
.i_product_list ul li img{width: 90%;transition: all 0.6s; cursor: pointer;}
.i_product_list ul li img:hover{transform: scale(1.1); }

.i_youshi_bg{background: url('../images/youshi_bg.jpg') no-repeat center center; background-size: 100% 100%;}
.i_youshi{width: 1200px; margin: 0 auto; display: flex;flex-flow: row wrap; }

.youshi_one{width: 280px;  background: #fff;   margin-right: 20px;}
.youshi_one .pic img{width: 100%;}
.youshi_one .cstlayer{padding: 0px; border-color: transparent; border-width: 0px; overflow: hidden; width: 70px;  height: 70px; background-color: rgba(255,153,0,1); cursor: pointer;
    text-align: center; border-style: solid;  position: sticky; z-index: 999; line-height: 70px; margin: 0 auto;margin-top: -35px;   border-radius: 50px 50px 50px 50px; font-family: arial; font-size: 30px; font-weight: normal; color: rgb(255,255,255); font-style: italic;}
.youshi_one .wp-box_content{padding-bottom: 20px; }
.youshi_one .wp-box_content .title{padding: 30px 0;  font-size: 20px; color: #333; text-align: center;}
.youshi_one .wp-box_content .info{text-align: center;}
.youshi_tel{width: 315px; height: 45px; border: 1px solid #fff; border-radius: 50px; text-align: center; line-height: 45px; color: #09dae7; font-size: 16px; margin: 55px auto;}

.i_news{width: 1200px; margin: 0 auto;}
.i_n_nav ul li{float: left; padding: 5px 20px; font-size: 16px; color: #666666;}
.i_n_nav ul li:hover{background: #0150C6;  }
.i_n_nav ul li:hover a{color: #fff;}
.i_n_nav .on{background: #0150C6; }
.i_n_nav .on a{color: #fff;}

.m-slide{ width:1200px; padding-top: 30px;}
.m-slide .bottom-shadow{ position: absolute; left: 0; width: 100%; }
.m-slide .img { float: left; position: relative }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 500px; }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.m-slide .img .first { display: block }
.m-slide .tab { float: right }
.m-slide .tab li {width: 620px; padding-left: 20px; color: #999999;padding: 18px 20px;}
.m-slide .tab .time{float: left; padding-right: 20px; border-right: 1px solid #999; }
.m-slide .tab .time .day{font-size: 40px; font-weight: bold; padding-bottom: 10px;}
.m-slide .tab .info{float: left;width: 520px; padding-left: 20px; line-height: 17px;}
.m-slide .tab .info .title{color: #333333; font-size: 16px; padding-bottom: 10px;}
.m-slide .tab .on{background: #1380C5;}
.m-slide .tab .on .time{color: #fff;}
.m-slide .tab .on .info{color: #fff;}
.m-slide .tab .on .title{color: #fff;}
.i_news .more{ border: 1px solid #999; width: 180px; height: 45px; text-align: center; line-height: 45px;   margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}

.hezuo_bg{background: #E2E6E9; width: 100%;}
.hezuo{width: 1200px; margin: 0 auto; padding-bottom: 30px;}
.hezuo ul{display: flex; flex-flow: row wrap; }
.hezuo ul li{padding-right: 15px;}

.footer_bg{background: #203141; width: 100%; padding-top: 30px;}
.footer{width: 1200px; margin: 0 auto;}
.footer .one{width: 510px; float: left; color: #cccaca; }
.footer .lxfs{padding-top: 15px; padding-left: 15px;}
.footer .lxfs .zi{float: left; height: 150px;padding-right: 15px; font-size: 16px;}

.footer .two{float: left;}
.footer .two .two_nav{float: left; padding-right: 80px;}
.footer .two .two_nav .title{color: #ffffff; font-size: 18px; font-weight: bold; padding: 15px 0; }
.footer .two .two_nav a{color: #999999;}
.footer .two .two_nav a:hover{color: #fff;}
.footer .two .two_nav ul li{padding: 3px 0;}

.footer .three{float: left;}

.footer_bg .banquan{background: #262626; text-align: center; color: #fffefe; font-size: 12px; padding: 5px 0;}