@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: #d92f29;
    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;}

.mbx_wrap{background: #fff; width: 100%;}
.mbx{width: 1300px; margin: 0 auto; padding: 10px 0;}
.mbx .left{float: left;}
.mbx .right{float: right;}

.ny_p_nav ul{padding-bottom: 70px;}
.ny_p_nav ul li{float: left; color: #333333; font-size: 16px; }
.ny_p_nav ul li a{color: #333333; font-size: 16px; padding:0 30px; }

/*==========@@HTML默认 结束@@==========*/
.top_header{width: 1200px; margin: 0 auto;}
.top_header .logo{float: left; padding: 25px 0;}
.top_header .nav_list{float: left; padding-left: 60px;}
.top_header .nav_list ul li{float: left;  font-size: 18px;    padding: 51px 11px 40px 11px;margin: 0 1px;}
.top_header .nav_list ul li:hover{background: #d92f29;}
.top_header .nav_list ul li:hover a{color: #fff;}
.top_header .nav_list .cur{background: #d92f29;}
.top_header .nav_list .cur a{color:#fff; }
.top_header .lang{float: right; padding: 15px 0 20px 0;text-align: right;}
.top_header .lang .top_tel{padding-bottom: 10px;    font-size: 16px; font-weight: bold;color: #000;}
.top_header .lang .sosuo_an{float: left;padding-left: 30px;}
.top_header .lang img{padding-right: 5px;cursor: hand; cursor: pointer;}

.ss_box {position: absolute; right: 140px;margin-top: 50px; z-index: 11; display: none;}
.right_sear { height:40px; background: #EEEEEE; float: right;border-radius: 5px;}
.right_sear .s_input{  float:left; border:none;background:none; padding:0 5px 0 10px; width:240px; height:40px; vertical-align:middle; line-height:40px; }
.right_sear .s_btn { float:left;     background: #d92f29;       height: 40px; line-height: 40px; color: #fff;padding: 0 25px;}


.i_about {padding: 50px 0; width: 1200px; margin: 0 auto;}
.i_about .left{width: 655px; float: left;}
.i_about .left .left_about{width: 655px; float: right;}
.i_about .left .info{color: #666666;padding-right: 80px; font-size: 16px; text-align: justify; width: 520px; padding-top: 40px; }
.i_about .left .info p{padding-bottom: 15px;}
.i_about .left .more{width: 125px; height: 35px; background:#fff; margin-right: 40px; border: 1px solid #333333; float: left; text-align: center; color: #333333; line-height: 35px; font-size: 16px; margin-top: 15px; }
.i_about .left .more:hover{background:#333333; color: #fff;}
.i_about .right{width: 500px;float: right;padding-top: 30px;}
.i_about .right img{width: 100%;}


.i_product{width: 100%; margin: 0 auto;}
.i_product_nav{width: 1200px; margin: 0 auto; padding-top: 20px;}
.i_product_nav .cp_title{float: left;}
.cp_title .one{font-size: 24px; color: #333333; font-weight: bold;}
.blue{color: #d92f29;}
.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: #d92f29;}
.i_p_nav .on a{color: #d92f29;}
.i_product_wrap{background: #EEEEEE; width: 100%;}
.i_product .i_p_list{width: 1200px; margin: 0 auto;padding: 50px 0 30px 0;}
.i_product .i_p_list ul{   display: flex; flex-flow: row wrap;}
.i_product .i_p_list ul li{ width: 285px; margin: 0 15px 15px 0; overflow: hidden;}
.i_product .i_p_list ul li img{width: 100%;}

.i_product .i_p_list ul li .cont{
    width: 100%;
    box-sizing: border-box;
    padding: 0 8%;
}
.i_product .i_p_list ul li .cont h3{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-top: 10px;
}
.i_product .i_p_list ul li .cont span{
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.i_product .i_p_list ul li .cont p{
    font-size: 14px;
    color: #666;
    border-top: 1px solid #cbcbcb;
    padding: 10px 0;
    margin-top: 10px;
    background: url('../images/ico-index-pro.png') no-repeat right center
}
.i_product .i_p_list ul li:hover .cont h3{
    color: #e80003
}
.i_product .i_p_list ul li:hover  img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
     -webkit-transition: all 0.5s;
}
.i_product .i_p_list ul li a{
    width: 100%;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: #fff;
}
.i_product .i_p_list ul li a:hover{
    box-shadow: 0  0 8px #dbdbdb;
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
  
}


/*anli*/
.anli_info_box_wrap{background: #EEE; width: 100%;}
.anli_info_box {width: 1200px;  margin: 0 auto;padding: 30px 0; }
.anli_info_box .anli_info{display: flex;flex-flow: row nowrap;}
.anli_info_box .info{width: 380px; background: #fff;margin-right: 30px; }
.anli_info_box .info:last-child{margin-right: 0px;}
.anli_info_box .info:hover{transform: translate3d(0,-4px,0);}
.anli_info_box .info img{width: 100%;}
.anli_info_box .info .xm_title{color: #333333;font-size: 20px;padding: 25px 0;font-weight: bold}
.anli_info_box .info .xm_info{padding-bottom: 15px; color: #666666;}
.anli_info_box .info .xm_more{color: #3a3a3a;font-size: 16px;}

.hzhb_wrap{background: url('../images/hzhb_bg.jpg') no-repeat; background-size: 100% 100%;}
.hzhb{width: 1200px; margin: 0 auto; padding: 50px 0;}
.hzhb .hz_list{overflow: hidden; height: 170px; margin: 20px 0;}
.hzhb .hz_list ul{overflow:hidden; zoom:1; }
.hzhb .hz_list ul li{margin-right: 25px; float: left; width: 210px; margin-bottom: 20px;border: 1px solid #E6E6E6; }
.hzhb .hz_list ul li img{width: 100%; height: 86px;}
.hzhb .hz_list ul li:hover{border: 1px solid #666;}

.footer_wrap{background:#434343;}
.footer{width: 1200px; margin: 0 auto; padding: 50px 0; color: #fff;}
.footer a{color: #999999;}
.footer .footer_kuai{ width:240px; float: left; }
.footer_kuai .title{font-size: 18px; padding-bottom: 20px; font-weight: bold;}
.footer_kuai ul li{line-height: 35px;}
.footer_kuai ul li{color: #999999;}
.footer_kuai ul li:hover a{color: #FFF;}
.banquan_wrap{border-top: 1px solid #fff; width: 100%;}
.banquan{ width: 1200px; margin: 0 auto; line-height: 45px;  color: #999999;}

.all_box_wrap{background: #eee;}


.prdocut_fl{width: 1300px; margin: 0 auto; padding-bottom: 40px;}
.prdocut_fl .left{width: 245px; float: left; background: #fff; margin-right: 30px; padding-bottom: 70px;border: 1px solid #EEEEEE;}
.prdocut_fl .left .top{background: #CD0102; padding: 25px 0; text-align: center;}
.prdocut_fl .left .top .cn{font-size: 24px; color: #fff;}
.prdocut_fl .left .top .en{font-size: 14px; color: #fff;}
.prdocut_fl .left .pfl_ul ul li{     margin: 0 20px;padding: 20px 0; border-bottom: 1px solid #EEEEEE; text-align: left;}
.prdocut_fl .left .pfl_ul ul li .anniu{background: url(../images/ri.png) no-repeat right center;margin-bottom: 10px;}
.prdocut_fl .left .pfl_ul ul li .era a {
	display: block;
	line-height: 35px;
	font-size: 15px;
	color: #5a5a5a;
        padding-left: 20px;
}
.prdocut_fl .left .pfl_ul ul li .era a:hover {
	color: #CD0102;
}
.prdocut_fl .left .pfl_ul ul li .era .on{color: #CD0102;}
.prdocut_fl .left .pfl_ul a{color: #666666; font-size: 16px;font-weight:400;}
.prdocut_fl .left .pfl_ul a:hover{color: #CD0102;}
.prdocut_fl .left .pfl_ul .on a{color: #CD0102;}
.prdocut_fl .right{float: left; width: 1020px;}
.prdocut_fl .right .r_top{background: #CD0102; line-height: 45px; padding: 0 20px;}
.prdocut_fl .right .r_top .r_left{color: #fff;font-size: 18px; font-weight: 400; float: left;}
.prdocut_fl .right .r_top .more{float: right;}
.prdocut_fl .right .r_top .more a{color: #fff;font-size: 16px; font-weight: 400;}
.prdocut_fl .right .p_list{padding: 30px 0;}
.prdocut_fl .right .p_list ul{display: flex; flex-flow: row wrap;}
.prdocut_fl .right .p_list ul li{width: 300px; padding: 0 10px 20px 10px ;}
.prdocut_fl .right .p_list img{width: 100%}

.prdocut_fl .right .p_list ul li .cont{
    width: 100%;
    box-sizing: border-box;
    padding: 0 8%;
}
.prdocut_fl .right .p_list ul li .cont h3{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-top: 10px;
}
.prdocut_fl .right .p_list ul li .cont span{
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.prdocut_fl .right .p_list ul li .cont p{
    font-size: 14px;
    color: #666;
    border-top: 1px solid #cbcbcb;
    padding: 10px 0;
    background: url('../images/ico-index-pro.png') no-repeat right center
}
.prdocut_fl .right .p_list ul li:hover .cont h3{
    color: #e80003
}
.prdocut_fl .right .p_list ul li:hover  .img img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.prdocut_fl .right .p_list ul li a{
    width: 100%;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: #fff;
}
.prdocut_fl .right .p_list ul li a:hover{
    box-shadow: 0  0 8px #dbdbdb;
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
  
}
.ggtu{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 20px;
}