body{ font-family: Arial; font-size: 16px; color: #4b4b4b; background: white; padding: 106px 0 0 0 ; margin: 0;}
ul, h1, h2, h3, h4, h5, h6{ padding: 0; margin: 0; }
ul{ list-style: none; }
a{ text-decoration: none; }
input, a{ outline: none; }
img{ border: none; }
.fl{ float: left; }
.fr{ float: right; }
.width{ width:1140px; margin: 0 auto; }
.clear{ clear: both; }
.box{ width: 1140px; margin: 0 auto;}
.p-t-1{ padding-top: 80px; }
.p-b-1{ padding-bottom: 48px; }
.m-r-1{ margin-right: 30px;}
.m-r-2{ margin-right: 34px;}
.m-t-1{ margin-top: 40px;}

.title{ font-size: 32px; font-weight: 600; color: #111111; text-transform: uppercase; }

.xcy-box-1{ margin: 20px 0 20px 0; }
.xcy-box-1 li{ color: #7f7f7f; line-height: 30px;}
.xcy-box-1 .xcy-1 img{width: auto; max-width: 100%; height: auto; }

.xcy-box-2{ margin-top: 60px; }
.xcy-box-2 .li-3{ font-weight: 600; font-size: 18px; color: #111111; background: url("../images/icon02.png") 4px top no-repeat; padding-left: 32px; margin-top: 40px; }
.xcy-box-2  span{ display: block; color: #4b4b4b; padding-top: 20px; font-weight: normal; padding-left: 32px; }

/********* header *********/
.header-box{ width: 100%; height: 106px; background: white; box-shadow: 0 2px 5px #eaeaea; position: fixed; top: 0; z-index: 99999; }
.header{ height: 106px; }
.header .logo{ width: auto; overflow: hidden; }
.header .logo a{display:block;}
.header .logo img{ max-width: 390px; width: auto; height: 106px; }
.header .language{ margin-top: 42px; margin-right: 10px; margin-left: 15px; }

.header .language .select { position: relative; width: 70px; }
.header .language .select .input_in input { width: 70px; height: 20px; line-height: 20px; font-size: 16px; color: #4b4b4b; cursor: pointer; border: none; background: url("../images/btn_pulldown.png") no-repeat scroll right center transparent; background-size: 10px 7px; }
.header .language .select .city { position: absolute; top: 30px; left: 0; background: white; }
.header .language .select .city ul { width: 70px; border-top: none; }
.header .language .select .city ul li { width: 70px; line-height: 30px; cursor: pointer; }
.header .language  .hide { display: none; }

/********* 导航 *********/
#nav-box { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; }
ul.nav {width: 635px; padding-left:20px; }
li.nav-item { margin: 0 15px; text-align: right; float: right; }
li.nav-item>a{ display: block; text-align: center; position: relative; color: #4b4b4b; height: 64px; padding-top: 42px; }
/*** li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #0765c9; position: absolute;} ***/
li.nav-item:hover>a ,li.nav-item.active>a{ color: #4b4b4b; }
li.nav-item:hover>a::before,li.nav-item.active>a::before{ display: block;color: #212121; }
/* 二级菜单 */
.submenu-box{display: none;position: absolute; left: 0; width: 100%; height:auto; background: rgba(255, 255, 255, .8); z-index: 999;}
.submenu-box>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center; }
.submenu-box>ul>li{ float: right; }
.submenu-box>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 50px; color:#4b4b4b;}
.submenu-box>ul>li>a:hover{color:#212121; }

/********* footer *********/
.footer{ height: auto; overflow: hidden; background: #eaeaea; padding: 20px 0;  font-size: 14px; }
.footer .foot-left{ width: 990px;}
.footer .foot-right{ width: 146px; background: url("../images/icon03.png") right center no-repeat; }
.footer .foot-right a{ display: block; text-align: right; padding-right: 24px; color: #4b4b4b; }

/********* product *********/
.product{ height: auto; overflow: hidden; }
.product .p-menu{ height: auto; overflow: hidden; margin-bottom: 60px; }
.product .p-menu li{ float: left; border: 1px #111111 solid; margin-right: 8px; }
.product .p-menu a{ color: #111111; display: block; padding:18px; }
.product .p-menu a:hover{ background: #111111; color: white; transition: .6s; }
.product .p-menu .cur{ background: #111111; color: white; }

.p-l-box .p-list-box{ width: 268px; height: auto; margin: 0 8px 40px 8px; border: 1px solid #eeeeee; background: #f8f8f8; box-sizing:border-box;}
.p-l-box .p-list-box .p-list{ width: 100%; height: auto; overflow:hidden;box-shadow:2px 2px 5px #eeeeee,2px -2px 5px #eeeeee,-2px 2px 5px #eeeeee,-2px -2px 5px #eeeeee;}
.p-l-box .p-list-box .p-list .p-img{ width: 100%; height: 268px; background: white; overflow: hidden; }
.p-l-box .p-list-box .p-list .p-img img{ width: 100%; height: auto; min-height: 100%;}
.p-l-box .p-list-box .p-list .p-title{ height: 68px; padding-top: 22px; padding-left: 30px; }
.p-l-box .p-list-box .p-list .p-title li{ font-size: 18px; color: #111111; font-weight: 600; margin-bottom: 12px; display:block; width:216px; overflow:hidden; white-space:nowrap;
    padding-right:20px; text-overflow:ellipsis; -o-text-overflow: ellipsis;}
.p-l-box .p-list-box .p-list .p-title a{ color: #7f7f7f; font-weight: normal; }
.p-l-box .p-list-box .p-list:hover .p-title{  background: #111111; transition: .6s;}
.p-l-box .p-list-box .p-list:hover .p-title li{ color:white; }
.p-l-box .p-list-box .p-list:hover .p-title a{ color:white; }

/********* index--about us *********/
.in-about-box{ height: auto; overflow: hidden; background: url("../images/aboutbg.jpg") 11px 25px repeat-y; margin-top: 45px; }
.in-about-box .in-about div{ padding-left: 32px;}
.in-about-box .in-about .li-1{ font-size: 32px; font-weight: 600; color: #111111; background: url("../images/icon01.png") left top no-repeat; text-transform: uppercase; }
.in-about-box .in-about .li-2{ font-size: 16px; color: #4b4b4b; line-height: 30px; padding-top: 6px; }
/*.in-about-box .in-about .about-img{ width: auto; max-width: 1108px; height: auto;  margin-top: 40px; }*/
.xcy-box-1 .about-img{ width: 1108px; height: auto; overflow:hidden; margin-top: 12px; text-align:center; }
.xcy-box-1 .about-img img{ width:auto; max-width:1108px; }

/********* index--message *********/
.in-message{ height: auto; overflow: hidden; margin-top: 40px; }
.in-message .m-left{ width: 530px; padding-top: 16px; }
.xcy-box-3 img{ width: auto; max-width: 100%; height: auto; max-height: 130px; }
.in-message .m-left .m-icon{ padding: 32px 0 18px 60px; }
.in-message .m-left .m-icon li{ font-size: 16px; color: #7f7f7f; }
.in-message .m-left .m-icon .m-icon-title{ font-size: 18px; color: #7f7f7f; text-transform: uppercase; margin-bottom: 8px; }
.in-message .m-left .bg-1{ background: url("../images/icon04.png") left center no-repeat; }
.in-message .m-left .bg-2{ background: url("../images/icon05.png") left center no-repeat; }
.in-message .m-left .bg-3{ background: url("../images/icon06.png") left center no-repeat; }
.in-message .m-right{ width: 554px; margin-left: 56px; color: #4b4b4b; }
.in-message .m-right input{ height: 52px; line-height: 52px; padding-left: 13px; margin-bottom: 16px; border: 1px solid #cacaca; font-size: 16px; color: #4b4b4b; }
.in-message .m-right .inp-1{ width: 242px; }
.in-message .m-right .inp-2{ width: 538px; }
.in-message .m-right .inp-3{ width: 536px; min-width: 536px; max-width: 536px; height: 156px; min-height: 156px; max-height: 156px; padding-left: 13px; margin-bottom: 16px;
    border: 1px solid #cacaca; font-size: 16px; line-height: 30px; }
.in-message .m-right .inp-4{ width: 554px; background: #111111; color: white; font-size: 16px; border-radius: 3px; overflow: hidden; }
.in-message .m-right input::-ms-clear { width : 0; height: 0; }

/********* about *********/
.about .about-jieshao{ width: 100%; height: auto; overflow: hidden; margin-bottom: 40px; color: #4b4b4b; line-height: 30px; }
.about .about-bottom{ width: 100%; height: auto; padding-top: 40px; }
.about .about-bottom .about-img{ width: 548px; height: auto; }
.about .about-bottom .about-img .about-img-list{ width: 252px; height: 168px; margin-right: 20px; margin-bottom: 14px; }
.about .about-bottom .about-img .about-img-list img{ display: block; width: 100%; height: 100%; }
.about .about-bottom .about-right{ width: 592px; }
.about .about-bottom .about-right .a-right-title{ background: url("../images/icon10.png") left 8px no-repeat; padding-left: 18px; padding-bottom: 15px; margin: 0 4px;}
.about .about-bottom .about-right .a-right-title li{ color: #111111; font-size: 18px; font-weight: 600; padding-bottom: 10px; }
.about .about-bottom .about-right .a-right-title span{ display: block; min-height: 20px; max-height: 90px; overflow: hidden;  color: #4b4b4b; line-height: 30px; }
.about .about-bottom .about-right .a-r-w{ width: 270px; display: table-cell }
.about .about-bottom .about-right .a-r-box{ display: table; }

/********* 分页 *********/
.page{ text-align: right; font-size: 0; }
.page li{ display: inline-block!important; height: 30px; font-size: 16px; margin: 0 1px; }
.page li a{ color: #4b4b4b; padding: 0 10px; display: block; height: 30px; line-height: 30px; }
.page li a:hover{ background: #111111; color: white; }
.page li .cur{ background: #111111; color: white; }

/********* contact *********/
.contact-top{ width: 100%; height: auto; }
.contact-top .ditu{ width: 568px; height: 242px; border: 1px solid #eaeaea; }
.contact-top .lianxi{ width: 550px; margin-left: 20px; }
.contact-top .lianxi li{ color: #4b4b4b; line-height: 34px; }

.xcy-box-4{ color: #111111; line-height: 30px; margin-top: 40px; margin-bottom: 36px; }
.contact-bottom{ }
.contact-bottom .message input{ height: 52px; line-height: 52px; padding-left: 13px; margin-bottom: 16px; border: 1px solid #cacaca; font-size: 16px; color: #4b4b4b; }
.contact-bottom .message textarea{ height: 156px; min-height: 156px; max-height: 156px; padding-left: 13px; margin-bottom: 16px; border: 1px solid #cacaca; font-size: 16px; color: #4b4b4b; line-height: 30px; }
.contact-bottom .message .inp-1{width: 535px;}
.contact-bottom .message .inp-2{ width: 1125px; }
.contact-bottom .message .inp-3{ width: 1125px; min-width: 1125px; max-width: 1125px; }
.contact-bottom .message .inp-4{ padding: 0 20px; background: #111111; color: white; font-size: 16px; border-radius: 3px; overflow: hidden; }
.contact-bottom .message input::-ms-clear { width : 0; height: 0; }

/********* product detail *********/
.pro-detail{ height: auto; overflow: hidden; padding-bottom: 48px; }
.pro-detail .detail-top{ height: auto; overflow: hidden; padding-bottom: 40px; border-bottom: 1px dashed #4b4b4b; }
.pro-detail .detail-top .detail-img{ width: 450px; height: 450px; }
.pro-detail .detail-top .detail-img img{ width: 450px; height:auto; min-height: 450px; }
.pro-detail .detail-top .detail-right{ width: 620px; padding-left: 60px; }
.pro-detail .detail-top .detail-right{ width: 620px; padding-top: 34px; }
.pro-detail .detail-top .detail-right h3{ color: #111111; font-size: 32px; font-weight: normal; padding-bottom: 20px; }
.pro-detail .detail-top .detail-right li{ background: url("../images/icon11.png") left 19px no-repeat; padding-left: 20px; }
.pro-detail .detail-top .detail-right a{ color: #4b4b4b; line-height: 46px; }

.pro-detail .detail-bottom{ padding-top: 50px; }
.pro-detail .detail-bottom .div-1{ width: 100%; }
.pro-detail .detail-bottom .detail-bottom-title{ width: 100%; padding-bottom: 20px; padding-top: 40px; border-bottom: 1px dashed #eaeaea; }
.pro-detail .detail-bottom .detail-bottom-title li{ font-size: 18px; color: #111111; font-weight: 600; }
.pro-detail .detail-bottom .detail-bottom-nr{ padding-top: 20px; }
.pro-detail .detail-bottom .detail-bottom-nr li{ color: #4b4b4b; line-height: 30px; }
.pro-detail .detail-bottom .d-b-left{ width: 450px; }
.pro-detail .detail-bottom .back li{ float: right; padding-left: 20px; }
.pro-detail .detail-bottom .back a{ display: block; height: 52px; background: #111111; color: white; padding: 0 16px; line-height: 52px; }
.pro-detail .detail-bottom .back .icon-1{ padding-left: 50px; background: #111111 url("../images/icon12.png") 18px center no-repeat; }

.pro-detail .detail-bottom .d-b-right{ width: 622px; height: auto; }
.pro-detail .detail-bottom .d-b-right img{ margin: 0 auto; display: block; width: auto; max-width: 622px; height: auto;}

/********* 路径 *********/
.lujing{ height: 80px; }
.lujing li{ float: left; line-height: 80px; color: #4b4b4b; padding-right: 10px; }
.lujing a{ color: #4b4b4b; }
.lujing a:hover{ color: #111111;}