@charset "utf-8";

/*
   CopyRight sem-cms.com
   developer:Hei mayi 
   QQ:1181698019
   E-mail:1181698019@qq.com
   Thank you for using! 
*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.font.im/s/lato/v16/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.font.im/s/lato/v16/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.font.im/s/russoone/v8/Z9XUDmZRWg6M1LvRYsHOy8mJvLuL9BLT.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.font.im/s/russoone/v8/Z9XUDmZRWg6M1LvRYsHOwcmJvLuL9BLT.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.font.im/s/russoone/v8/Z9XUDmZRWg6M1LvRYsHOz8mJvLuL9A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/Montserrat.woff) format('woff');
  } */
html{ overflow-x: none; }
*{margin:0; padding:0;}
body,input,textarea{font-family: 'Lato', sans-serif;font-size:1em; line-height: 150%; }
input,textarea{ font-size: 0.8em; }
ul,li{list-style:none;}
.spr{ float:right; margin-right:10px;}
.more{ float: right; margin-right:10px; }
.more a{ font-size: 0.75em; }
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#d7222a;}
img{ max-width:100%; border: 0;}
.cb{clear: both;}

.debg{background-color:#d7222a; }

.inbody{ background: #232331 url('../Images/bgs.png') no-repeat ; }
.pbody{background: #232331 url('../Images/bg2.png') no-repeat ;}


.kyj{width: 100%;}
.kyj1200{width: 1200px; margin:auto; }
.kyj_top,.kyj_mid,.kyj_bot{ width: 100%;float: left; }

.bnr{width: 100%; float:left;text-align:center; margin-top:60px;}

.kyj_top{background-color: #232331; border-bottom: 1px solid #393946;}
.kyj_top_c{  }
.kyj_top_logo{width: 30%;float: left;}
.kyj_top_nav{width: 68%; float: right;}
.kyj_top_nav ul{ width: 100%;float: left; }
.kyj_top_nav ul li{ width: 16.6666%; float: left; text-align: center;  }

.kyj_top_nav ul li a{display: block; color: #fff; padding: 48px 0;}
.kyj_top_nav ul li a:hover{background-color: #d7222a;}

.kyj_mid_c{ margin-top:50px; }
.kyj_mid_c_1{ width: 100%; float: left; }
.kyj_mid_c_1 ul{margin:0 4.1%; width: 25%; float: left; color: #fff; font-size: 0.9em;}
.kyj_mid_c_1 ul li{ width: 100%; float: left; padding: 8px 0; text-align: center; }
.kyj_mid_c_1 ul li img{width:60%;border-radius: 200px; padding: 10px;border:1px solid #f48185;transition: all 0.3s;}
.kyj_mid_c_1 ul li img:hover{transform: scale(1.1);}
.kyj_mid_c_1 ul li span{padding: 5px 20px; border: 1px solid #eee; border-radius: 50px;}
.kyj_mid_c_1 ul li:nth-child(3){color: #f48185;font-size: 0.75em;}
.kyj_mid_c_1 a{color: #fff;}

.kyj_mid_c_title{width: 100%;float: left; margin-top:70px;}
.kyj_mid_c_titles{width: 100%;float: left;}
.kyj_t{text-transform: uppercase; width: 344px;height: 60px;background: url('../Images/lines.png') no-repeat center top; margin: auto; text-align: center;padding-top: 10px; color: #fff; }
.kyj_t span{font-size: 0.75em;font-weight: 600;letter-spacing: 9px; display: block; margin-bottom: 10px;}
.kyj_t b{font-size: 1.5em;}

.kyj_contry_c{ padding: 15px 0; margin-top: 20px; }
.kyj_contry_c li{ width: 9%;float: left;text-align: center; color: #fff; line-height: 150%; font-size: 0.75em;}
.kyj_contry_c img:hover{margin-top:-10px; cursor: pointer; margin-bottom: 10px;}

.kyj_about{ width: 100%;float: left; margin-top:40px;}
.kyj_about_left{float: left; width: 70%;}
.kyj_about_right{float: right; width: 28%; color: #fff;}
.kyj_about_right_1{float: left;width: 100%; margin-bottom: 10px;font-size: 1.5em;}
.kyj_about_right_2{float: left; line-height: 150%; font-size: 0.9em; overflow: hidden;}
.kyj_about_right_2 img{margin-top: 8px;}

.kyj_hq{width: 100%; float: left;}
.kyj_hq ul:nth-child(1){ width: 48%;float: left; }
.kyj_hq ul:nth-child(2){ width: 48%;float: right; }
.kyj_hq ul:nth-child(3){ width: 48%;float: left; }
.kyj_hq ul:nth-child(4){ width: 48%;float: right; }
.kyj_hq ul li{float: left; width: 100%; padding: 5px 0;font-size: 0.9em;}
.fontcolor{color:#8b8a9b;}
.wcolor{color: #fff;}

.kyj_sever{ width: 100%; margin-top:50px;  }
.kyj_sever li{ width: 33.3333%; float: left; color: #fff; text-align: center;font-size: 0.9em;}
.kyj_sever hr{ width: 40px; color: red;border:none; margin:auto;border-bottom: 0.5px solid red;margin-top:10px; }
.kyj_sever span{color: red;}
.padd{padding: 0 20px; box-sizing: border-box;}

.kyj_product{ width: 100%; float: left; margin-top:40px;}
.kyj_pr_t{width: 40%;border-bottom: 50px solid #cb2127;border-right: 100px solid transparent; }
.kyj_product_c{ width: 100%; float: left; }
.kyj_product_c_left{width: 25%; float: left;background-color: #cb2127; padding-bottom: 20px;}
.kyj_product_c_left ul{ width: 90%; margin:auto; }
.kyj_product_c_left strong{color: #fff; font-size:1.4em;font-weight: bold;}
.kyj_product_c_left li{ width: 100%; float: left; padding: 8px 0; }
.kyj_product_c_left li a{display: block;background-color: #fff;font-size: 0.9em; padding: 12px 10px; box-sizing: border-box;}
.kyj_product_c_left li a:hover{background-color: #232331;color: #fff;}
.kyj_product_c_right{ width: 73%;float: left;padding-left: 2%; background-color: #fafafa; }
.kyj_product_c_right_c{ width: 100%; float: left; padding-top: 20px; display: none; }
.kyj_product_c_right_c div{ width: 50%; float: left; margin: 5px 0; }
.kyj_product_c_right_c div ul{ width: 90%;margin:auto;background-color: #fff; border:1px solid #eee; padding: 10px; }
.kyj_product_c_right_c div ul li{ width: 100%; float: left; padding: 5px 0; text-align: center; }
.kyj_product_c_right_c div ul li a{font-size: 0.9em;}
#cid1{display: block;}
.kyj_bot_c{margin-top:40px;}
.kyj_bot_c_1{}
.kyj_bot_c_1 ul{ width: 25%; float: left; color: #8b8a9b;text-transform:lowercase;text-transform:capitalize; }
.kyj_bot_c_1 ul li{ width: 90%; float: left; padding: 8px 0; }
.kyj_bot_c_1 ul li:nth-child(1){font-size: 1.4em; color: #fff;text-transform: uppercase; }
.kyj_bot_c_1 ul li a{color:#8b8a9b }
.kyj_bot_c_1 ul li i{ margin-right: 5px; }
.kyj_bot_c_2{ width: 100%; float: left; text-align: center; padding: 15px 0; border-top:1px solid #2d2c3a; margin-top: 20px; color: #8b8a9b; }

.dyaniu{background: #fff; color:#8b8a9b; padding: 8px 20px; border-radius: 30px;}
.dyaniu:hover{background: #8b8a9b;color: #fff;}
.dyinp{border-radius: 50px; color: #fff; height: 30px;padding: 5px 0px 5px 15px; width: 90%; border:0px ; background: #484848;   font-size: 0.7em; margin-bottom: 10px;}

.dyinp::-webkit-input-placeholder{
        color: #efefef;
}
.dyinp::-moz-placeholder{  
        color: #efefef;     
}
.dyinp:-ms-input-placeholder{   
        color: #efefef;  
}

.ftop{z-index: 99999999; display: none; background: #d7222a; position: fixed; right:10px; bottom: 120px; width: 40px; height: 40px; border-radius: 100px; text-align: center; color: #fff; line-height: 40px;}
.ftop:hover{background: #2b2b2b;}

.rightcotact{ width: 38px; position: fixed;right:0px;  top:170px; overflow: hidden; transition: all 0.6s; z-index: 99;}
.rightcotact li{display: block; text-align: left; width: 250px; background:red; color: #fff; padding:12px 5px 12px 15px; border-radius: 50px 0px 0px 50px;  margin-bottom: 5px; vertical-align: middle;}
.rightcotact i{ margin-right: 5px;font-size: 1.3em; }
.rightcotact:hover{ width: 250px; }
.rightcotact a{color: #fff; text-decoration: none;}


.kyj_cat_tit{ width: 100%; float: left; margin-top:40px;  }
.kyj_cat_tit li{font-size: 0.8em; width: 16.6666%; float: left; overflow: hidden;box-sizing: border-box; background-color: #d7222a; padding: 10px 0; text-align: center; color: #fff; border-right: 1px solid #201d2d;}
.kyj_cat_tit li:hover{background-color:#201d2d;}
.kyj_cat_tit a{color: #fff;}


.kyj_cat_pro{ width: 100%; float: left; padding-top:20px;  }
.kyj_cat_pro div{ width: 33.3333%; float: left; margin: 10px 0; }
.kyj_cat_pro div ul{ width: 90%;margin:auto;background-color: #fff; border:1px solid #eee; padding: 10px; }
.kyj_cat_pro div ul li{ width: 100%; float: left; padding: 5px 0; text-align: center; }
.kyj_cat_pro div ul li a{font-size: 0.9em;}

.kyj_cat_pro li:nth-child(3) {color: #fff; display: block; background-color: #d7222a; padding: 10px 0px; text-transform: uppercase;}
.kyj_cat_pro li:nth-child(3) a{color: #fff;}
.kyj_news{ width: 100%; float: left; padding-top:20px; margin-top: 20px;  }
.kyj_news div{ width: 33.3333%; float: left;  }
.kyj_news div ul{ width: 90%; margin:auto; }
.kyj_news div ul li{ width: 100%; float: left; color: #8b8a9b; padding:5px 0px; }
.kyj_news a{color: #fff;}
.kyj_fy{width: 100%; float: left; color: #fff; margin-top:30px; text-align: center; border-top:1px solid #2d2c3a; padding-top:30px; padding-bottom: 30px;}
.kyj_fy .current{border:1px solid red; background-color: red; padding:5px 10px;}

.kyj_new_v{ width: 100%;float: left; overflow: hidden; margin-top:20px;  }
.kyj_new_v_t{ width: 100%;float: left; padding:20px 0; text-align: center;}
.kyj_new_v_t h1{font-size: 1.5em;color: #fff;}
.kyj_new_v_c{ width: 100%; float: left;color: #8b8a9b; padding:20px 0; border-bottom: 1px solid #2d2c3a; }
.kyj_contact{ width: 100%;float: left; margin-top:30px;  border-bottom: 1px solid #2d2c3a; }
.kyj_contact_left{ width: 48%; float: left; color: #fff; }
.kyj_contact_left li{ width: 100%; float: left; padding: 10px 0; }
.kyj_contact_left a{color: red; text-decoration: underline;}
.kyj_contact_left a:hover{color: #fff;}

.kyj_contact_right{width: 50%;float: right; color: #fff; padding: 20px 0; }
.ly_1{ width: 90%;  padding: 8px; border:1px solid #efefef; }
.ly_2{ width: 90%; padding: 8px; border:1px solid #efefef; height: 100px; }
.ly_3{ width: 30%; padding: 8px; border:1px solid #efefef;}
.ly_4 {background-color: red; color: #fff;padding: 10px 15px; border: none; text-transform: uppercase; cursor: pointer;}
.ly_4:hover{background-color: #8b8a9b;}
.kyj_contact_message{ width: 80%; margin:auto; color: #fff;}
.kyj_contact_message li{ width: 100%; float: left; padding: 10px 0; }
.kyj_contact_message a{color: red; text-decoration: underline;}
.kyj_contact_message a:hover{color: #fff;}

.kyj_product_c_view{ width: 73%;float: left;padding: 20px 20px 20px 2%; background-color: #fafafa; box-sizing: border-box;overflow: hidden;  }
.kyj_product_c_view_1{ width: 100%;float: left; }
.kyj_product_c_view_1_left{ width: 45%;float: left; }
.kyj_product_c_view_1_right{ width: 53%;float: right; }
.kyj_product_c_view_1_right li{width: 100%; float: left; padding:5px 0; color: #333;}
.kyj_product_c_view_1_right h1{font-size: 1.5em; line-height: 150%;}
.kyj_product_c_view_1_right td{border-bottom: 1px solid #efefef; padding: 5px 0;}
.binq{display: block; background-color: red;color: #fff; padding: 10px 0; text-align: center;cursor: pointer;}
.binq:hover{background-color: #2d2c3a; }
.sc_mid_proview_1_left_1{width: 100%;float: left;}
.sc_mid_proview_1_left_2{ width: 100%;float: left; }
.sc_mid_proview_1_left_2 img{ width: 80px;border:1px solid #eee; }

.kyj_product_c_view_2{ width: 100%;float: left; }
.kyj_product_c_view_2_1{ width: 100%;float: left; padding: 20px 0;  text-align: center;}
.kyj_product_c_view_2_2{ width: 100%;float: left; }

.kyj_product_c_view_2_2 div{ width: 25%;float: left; }

.kyj_product_c_view_2_2 div ul{ width: 90%; margin:auto; }
.kyj_product_c_view_2_2 div ul li {width: 100%;float: left; text-align: center; padding: 5px 0;}