@charset "utf-8";
/*   public style  */
body{margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; background:#fff}
.td,th,body{font-size:12px; line-height:24px; color:#333333;}
img{border:0px;}
a:link{color:#333333; text-decoration:none;}
a:visited{color:#333333; text-decoration:none;}
a:hover{color:#0C77D7; text-decoration:none;}
a:active{color:#333333; text-decoration:none;}
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;
}


.top_right{ background:url(../images/top_right.gif) no-repeat; width:4px; height:45px;}
.Nav3{font-size:18px; width: 140px; text-decoration:none; color:#a8a8a8;height:30px; font-family: "微软雅黑"; }
.Nav3 a{ text-decoration:none; color:#ffffff;  height:30px;  line-height:30px; display:block;}
.Nav3 a:link{  text-decoration:none;color:#ffffff; }
.Nav3 a:visited{  text-decoration:none;color:#ffffff;}
.Nav3 a:hover{  text-decoration:none; color:#ffffff;}

.Nav3 a:active{  text-decoration:none;color:#ffffff;}

.Nav3_big{font-family:"微软雅黑"; font-size:14px; font-weight:bold;color:#ffffff; }
.home_mid_bg{width:1000px; height:581px; margin:0 auto}

.home_about_title_bg{ height:32px;font-family:"微软雅黑"; border-bottom:1px solid #cccccc;}
.home_about{ color:#232323;font-family:"微软雅黑"; font-size:16px; }
.home_about_small{ color:#a9a9a9; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.home_pro{ background:url(../images/home_pro_bg.jpg) no-repeat center;height:44px;}
.title_bg_n{ border-bottom:2px solid #c42c21;height:30px; font-size:14px; font-family:"微软雅黑"; color:#000000; font-weight:bold}

.h180{ line-height:180%; padding:5px;}

.about_title{ font-family:"微软雅黑"; font-size:14px;}
.title_small{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#b8b8b8}
.about_title_more{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.top_bg{ background:#009cff; height:50px;color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 18px;}
.top_bg a{color:#ffffff;}
.top_search_bg{ border:1px solid #dadada; width:130px; height:16px;}
.foot {line-height:180%;  height:100px; background:#eaeaea}

/*   top style  */
.top a{font-size:12px; color:#414141; text-decoration:none;}
a.top:link{font-size:12px; color:#414141; text-decoration:none;}
a.top:visited{font-size:12px; color:#414141; text-decoration:none;}
a.top:hover{font-size:12px; color:#414141; text-decoration:none;}
a.top:active{font-size:12px; color:#414141; text-decoration:none;}

.left_title{ font-family:"微软雅黑"; height:29px; line-height:29px; font-size:14px;}

.mid_line{ width:10px;}


.left_list_bg{height:43px; line-height:43px;font-size:12px;background:url(../images/left_list_bg.jpg) no-repeat; }
.left_list_bg a{color:#2a1f1d}
.left_list_bg span{color:#b9b5b5; font-size:12px;}

.left_list_bg_on{background:url(../images/left_list_bg_on.jpg) no-repeat; height:43px; line-height:43px; font-size:12px;}
.left_list_bg_on a{ color:#e1765f}
left_list_bg_on a:link{font-size:12px; color:#e1765f; text-decoration:none;}
left_list_bg_on a:visited{font-size:12px; color:#e1765f; text-decoration:none;}
left_list_bg_on a:hover{font-size:12px; color:#e1765f; text-decoration:none;}
left_list_bg_on a:active{font-size:12px; color:#e1765f; text-decoration:none;}



.title_bg{ border-top:3px solid #c42c21;height:30px; font-size:14px; font-family:"微软雅黑"; color:#000000; font-weight:bold}
.table_border{ border:1px solid #d9d9d9}
.home_title{ color:#ffffff}
.home_title a{color:#ffffff}
.menu1{width:88px; height:38px; text-align:center;}
.menu2{width:88px; height:38px; text-align:center; background-image:url(../images/menu_bg.jpg); background-repeat:no-repeat;}

a.menu3:link{font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
a.menu3:visited{font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
a.menu3:hover{font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
a.menu3:active{font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none;}

a.menu4:link{font-size:13px; color:#1962AE; font-weight:bold; text-decoration:none;}
a.menu4:visited{font-size:13px; color:#1962AE; font-weight:bold; text-decoration:none;}
a.menu4:hover{font-size:13px; color:#1962AE; font-weight:bold; text-decoration:none;}
a.menu4:active{font-size:13px; color:#1962AE; font-weight:bold; text-decoration:none;}

/*   index style  */
.title{font-size:13px; font-weight:bold; color:#1962AE; text-align:left;}
.title2{width:111px; height:43px; font-size:13px; font-weight:bold; color:#FFFFFF; text-align:center; background-image:url(../images/title_pic.jpg); background-repeat:no-repeat;}
.kuang1{ border:#DDDDDD 1px solid; border-top:0px;}
.kuang2{ border:#e0e0e0 1px solid;margin:10px;}
.kuang3{height:auto; border:#cecece 1px solid; border-left:0px; border-right:0px;}
.line1{border-bottom:#DDDDDD 1px solid; padding:1px;}
.line2{border-bottom:#DBDBDB 1px dashed;}
.line3{border-bottom:#EDF3FA 1px solid; padding-bottom:2px;}

/*   right style  */
.right_bg{background-color:#FCFDFF;}

/*   foot style  */

.fpic {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 3; BACKGROUND: #EDF3FA;  BORDER-BOTTOM-WIDTH: 0px; WIDTH: 240px; POSITION: relative; HEIGHT: 140px; BORDER-RIGHT-WIDTH: 0px; text-align:center;
}
#focpic{border:#cccccc 1px solid; LEFT: 1px; POSITION: absolute; TOP: 1px; float:left;}
.thubpic{PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 40px; CURSOR: pointer; PADDING-TOP: 4px; TOP: 5px; HEIGHT: 36px}
.thubpiccur{width:50px; height:36px; padding:3px;}
/* 小图标默认边框及鼠标离开后的边框样式 */
.thubpic IMG{border:#f0f0f0 3px solid; 50px; HEIGHT: 36px;}
/* 小图标默认边框及鼠标放上面的边框样式 */
.thubpiccur IMG{border:#cccccc 3px solid; WIDTH: 50px; HEIGHT: 36px;}

.tel{color: #0a69de;font-size: 26px;    letter-spacing: -2px; padding-left: 10px;}

/*左边CSSend
*/

/* banner */
.banner1 {
    width: 100%;
    height: 520px;
    float: left;
    position: absolute;
    top:0px;
    z-index:1px;
}
.banner {
    height: 520px;
    overflow: hidden;
    width: 100%;
}
.banner .d1 {
    width: 100%;
    height: 520px;
    display: block;
    position: absolute;
    left: 0px;
    z-index: 2;
}
.banner .d2 {
    width: 100%;
    height: 30px;
    clear: both;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 600px;
}

.banner .d2 ul {
    float: left;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -55px;
    display: inline;
}


.banner .d2 li {
    width: 17px;
    height: 15px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/img1.png) no-repeat center;
    float: left;
    margin: 0 3px;
    display: inline;
}
.banner .d2 li.nuw {
    background: url(../images/img1_1.png) no-repeat center;
}

.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: 1200px; 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; }


.i_product{width: 100%; margin: 0 auto;}
.i_product_nav{width: 1200px; margin: 0 auto; padding-top: 20px;    border-bottom: 1px solid #999;}
.i_product_nav .cp_title{float: left;}
.cp_title .one{font-size: 24px; color: #333333; font-weight: bold;}
.blue{color: #0a69de;}
.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: #0a69de;}
.i_p_nav .on a{color: #0a69de;}
.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);

}

.all_box_wrap{background: #fff;}


.prdocut_fl{width: 1200px; 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: #009cff; 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: #009cff;}
.prdocut_fl .left .pfl_ul .on a{color: #009cff;}
.prdocut_fl .right{float: left; width:920px;}
.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: 285px; 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: 3% 8%;
    text-align: center;
}
.prdocut_fl .right .p_list ul li .cont h3{
    font-size: 14px;
}
.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: #009cff;
}
.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);

}

.clear{clear: both;}