*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul,ol,dl,table,th,tr,td,input,textarea,li,a,div,span,em,i{margin: 0;padding: 0;	border: 0;}
img {margin: 0;padding: 0;	border: 0;}
li {list-style: none;}

/*全局样式*/
html,body {width: 100%;	margin: 0 auto;}
/*= 清除浮动=*/
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;display: block;}
.clearfix:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;font-size: 0px;}
:focus{outline:0}
a, button, input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
* + html .clearfix {min-height: 0%;}
/* 针对IE7 */
* + html .clearfix {min-height: 0%;}
.w100 {width: 100%;}
.fl {float: left;}
.fr {float: right;}
/*原文件配置*/
body {color: #333;background: #ffffff;font: 16px/30px Arial, Helvetica, sans-serif;min-width: 320px;overflow-x: hidden;}
a {color: #333;text-decoration: none;}
a:hover {color: #eb1307;}
/*块级转化*/
.di_in {display: inline-block;}
.di_no {display: none;}
.di_bl {display: block;}
/*原文件配置  end*/

/*横向居中*/
.te_c {text-align: center;}
/*相对定位*/
.p_r {position: relative;}
/* 白色背景 */
.bgfff {}
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-warp{flex-flow: wrap}
.flex-column{flex-flow: column}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.ellipsis-2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.transition{-webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.img_hover{transition: all .5s;}
.img_hover:hover{transform: scale(1.15,1.15);}

/*全局样式 start*/
.head{position:fixed;overflow: hidden;top: 0;left: 0;z-index: 22; width: 100%;background: url(../images/top.png) repeat-x center;  height: 237px;}
.head .flex{ padding: 15px 20px;}
.head .container {justify-content:space-between; }
.head .logo img{ max-width: 100%;}

.home .head{position: absolute;left: 0;top: 0; background-color:rgba(0,0,0,0);background:-moz-linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0));background:-webkit-gradient(linear,top,from(rgba(0,0,0,0.7)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0));background:-o-linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0));}

.home .head.fixed{background-color:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,1));background:-webkit-gradient(linear,top,from(rgba(255,255,255,1)),to(rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,1));background:-o-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,1)); height: auto;}
.home .head.fixed .logo{background: url(../images/oce_20.png) no-repeat; height: 60px; width: 100%;}
.home .head.fixed .logo img{ display: none;}
.home .head.fixed .column-direction .line .stroke{background: #1662ac;}
.home .head.fixed  .menu_line .menu_text{ color: #1662ac;bottom: 20px}
.menu_line .menu_text span a{color: #FFF;}
.home .head.fixed  .menu_line .menu_text span a{color: #1662ac;}
.fixed{position: fixed !important;top: 0px;z-index: 999;}

/* 菜单 */
.menu_line,.line{cursor: pointer;}
.column-direction {flex-direction: column;position: relative;width: 40px;height: 20px;left: 50%;top: 50%;margin: -15px 0 0 -20px;}
.top-xs {align-items: flex-start;}
.middle-xs {align-items: center;}
.bottom-xs {align-items: flex-end;}
.column-col {flex-grow: 1;flex-basis: 0;max-width: 30px;display: flex;flex-direction: row;flex-wrap: wrap;margin-right: 0;margin-left: 0;box-sizing: border-box;height: 6.6px;flex-shrink: 0;padding-right: 0;padding-left: 0;}
.column-direction .line {width: 100%;height: 2px;position: relative;}
.column-direction .line-1 {width: 60%;left: 30%;}
.column-direction .line-3 {width: 60%;left: 10%;}
.menu_line:hover .line-1 .stroke, .menu_line:hover .line-close1 .stroke,.pubilc-title:hover .line .line-1 .stroke,.pubilc-title:hover .line .line-close1 .stroke {transition-delay: 0s;transform: translateX(-20px);opacity: 0;}
.menu_line:hover .line-3 .stroke,.menu_line:hover .line-close2 .stroke,.pubilc-title:hover .line .line-3 .stroke,.pubilc-title:hover .line .line-close2 .stroke {transform: translateX(20px);opacity: 0;    transition-delay: .1s;}
.column-direction .line .stroke {background: #FFF;position: absolute;transition: all .3s;transition-delay: 0s;width: 100%;height: 100%;}
.column-direction .line-1 .stroke {transition-delay: .4s;}
.column-direction .line-3 .stroke {transition-delay: .3s;}
.column-direction .line::after {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;background: #FFF;transition: all .3s;}
.column-direction .line-1::after {transform: translateX(20px);}
.column-direction .line-3::after {transform: translateX(-20px);}
.menu_line:hover .line-1::after, .menu_line:hover .line-close1::after,.pubilc-title:hover .line .line-1::after,.pubilc-title:hover .line .line-close1::after {transform: translateX(0);transition-delay: .3s;opacity: 1;}
.menu_line:hover .line-3::after, .menu_line:hover .line-close2::after,.pubilc-title:hover .line .line-3::after,.pubilc-title:hover .line .line-close2::after {transform: translateX(0);transition-delay: .4s;opacity: 1;}
.menu_line .menu_text{position: absolute;    right: 70px; bottom: 40px;text-align: center;width: 100%;font-size: 16px;color: #FFF;}
.menuBox {position: fixed;z-index: 1090;background: #232429;right: 0px;top: 0px;width: 37%;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;height: 0px;overflow-y: hidden; opacity: .9;}
.open .menuBox {height: 100%;}
.menuBox_con{max-width: 1400px;margin: 0 auto;position: relative;}
.menuBox .menuBox_con_logo{margin: 60px auto ;overflow: hidden;}
.menuBox .menuBox_con_close{position: absolute;top: 5px;right: 5px;cursor: pointer;}
.menuBox ul{width: 238px;margin-left: 17px;}
.menuBox ul>li {line-height: 40px;margin-bottom: 10px;}
.menuBox ul>li a{font-size: 20px;color: #FFF;padding-bottom: 5px;background: url(../images/oce_35.png) no-repeat 92%;}
.menuBox ul>li a.home{ background: none;}
.menuBox ul>li::after{content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);height: 3px;width: 0%;background-color: #cc0101;-webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}

#erji_meau{width:100%;text-align:center; display:none;position:absolute; top:0; left: 210px;   z-index:898800}
#erji_meau a{float:left; display:block; width:132%;line-height:40px;color:#FFF; font-size:16px; text-align: left; text-indent: 1.8em;
text-transform:none; background: none;}

.menuBox li:hover #erji_meau,.menuBox li:hover #erji_meau_ab{ display: block;transition:0.3s; }
#erji_meau a:hover{transition:0.1s; border-bottom:1px solid #cc0101;}


.boxShadow {-moz-transition: box-shadow 200ms ease-out, -moz-transform 200ms ease-out, opacity 200ms ease-in-out;-o-transition: box-shadow 200ms ease-out, -o-transform 200ms ease-out, opacity 200ms ease-in-out;-webkit-transition: box-shadow 200ms ease-out, -webkit-transform 200ms ease-out, opacity 200ms ease-in-out;transition: box-shadow 200ms ease-out, transform 200ms ease-out, opacity 200ms ease-in-out;}
.boxShadow:after, .boxShadow:before {-moz-transition: linear 400ms;-o-transition: linear 400ms;-webkit-transition: linear 400ms;transition: linear 400ms;}
.boxShadow:hover:not(.fadeOut) {-moz-box-shadow: 0px 0px 0px 20px red inset;-webkit-box-shadow: 0px 0px 0px 20px red  inset;box-shadow: 0px 0px 0px 20px red  inset;-moz-transform: scale(0.8);-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
.boxShadow:hover:not(.fadeOut):after {background-color: #fff;-moz-transform: rotate(-45deg) scale(0.6);-ms-transform: rotate(-45deg) scale(0.6);-webkit-transform: rotate(-45deg) scale(0.6);transform: rotate(-45deg) scale(0.6);}
.boxShadow:hover:not(.fadeOut):before {background-color: #fff;-moz-transform: rotate(45deg) scale(0.6);-ms-transform: rotate(45deg) scale(0.6);-webkit-transform: rotate(45deg) scale(0.6);transform: rotate(45deg) scale(0.6);}
.circle {width: 40px;height: 40px;background: transparent;border: 2px solid red;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;position: relative;cursor: pointer;display: inline-block;margin: 10px 20px;}
.circle:after {width: 24px;height: 4px;background-color: red;content: "";left: 50%;top: 50%;margin-left: -12px;margin-top: -2px;position: absolute;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.circle:before {left: 50%;top: 50%;margin-left: -12px;margin-top: -2px;width: 24px;height: 4px;background-color: red;    content: "";position: absolute;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
/* index */
.banner img{max-width: 100%;}
.banner .swiper-slide{max-height: 931px;}
.banner .swiper-pagination-bullet{border-radius: 0;width: 40px;height: 4px;background-color: #fff;}
.banner .swiper-pagination-bullet-active{background-color: #cc0101;}


.home_case{ padding: 50px 0;}
.homen_biaoti{ margin: 0 auto; line-height: 50px;}
.homen_biaoti h5{ font-size: 32px; text-align: center; margin-bottom: 70px;}

.home_case .home_ca_man{ width:100%; justify-content:space-between; display: flex; }
.home_case .home_ca_man .swiper-slide{ position: relative; z-index: 0;}
.home_case .home_ca_man .swiper-slide .pic{ overflow: hidden; }
.home_case .home_ca_man .swiper-slide .pic img{ width: 100%;}
.home_case .home_ca_man .swiper-slide .shuib_hover{ display: none;}
.home_case .home_ca_man .swiper-slide .biaoti{ position: absolute; left: 30%; top:40%; z-index: 81111; }
.home_case .home_ca_man .swiper-slide .biaoti h5{font-size: 22px; color: #FFF;}
.home_case .home_ca_man .swiper-slide a:hover .shuib_hover{ display: block; position: absolute; left: 0; top:0; z-index: 81111; width: 100%;  margin: 0 auto; padding: 30% 15%;
	 text-align: center; background: url(../images/oce_38.png) repeat; height: 100%;}
.home_case .home_ca_man .swiper-slide a:hover .shuib_hover h5{ font-size: 20px;  color: #FFF; line-height: 30px;}
.home_case .home_ca_man .swiper-slide a:hover .shuib_hover p{ font-size: 15px; color: #FFF; line-height: 25px;-webkit-line-clamp: 3; margin: 20px 0;}
.home_case .home_ca_man .swiper-slide a:hover .shuib_hover span{ font-size: 15px; color: #FFF;background: url(../images/oce_39.png) no-repeat 90%; padding-right: 30px;}
.home_case .home_ca_man .swiper-slide a:hover .biaoti{ display: none;}
.home_case .swiper-button-next,.home_case .swiper-button-prev{ display: none;}

.home_about{ padding: 100px 0;}
.home_about .container{ display: flex;justify-content:space-between}
.home_about .abt_left{ width: 51%; }
.home_about .abt_left .pic{overflow: hidden; width: 100%;}
.home_about .abt_left .pic img{ width: 100%;}
.home_about .abt_rht{ width: 41%; }
.home_about .abt_rht h5{ font-size: 25px; line-height: 30px; margin: 0 0 30px;}
.home_about .abt_rht h4{ font-size: 19px; line-height: 30px; margin: 20px 0; font-weight: normal; color: #666; margin-bottom: 40px;}
.home_about .abt_rht p{ font-size: 15px; line-height: 30px; color: #888;}

.home_jishu{padding: 80px 0 50px;}

.home_news{padding: 50px 0;}
.home_news_main{ margin: 0 auto; overflow: hidden;}
.home_news_main ul{ display: flex;flex-wrap: wrap;margin-left: -2%;}
.home_news_main ul li{ margin-left: 2%;width: 31.2%;transform: translateY(0); transition: transform 0.1s linear 0s,box-shadow 0.2s linear 0.1s;background: #f8f8f8;}
.home_news_main ul li:nth-child(4){ display: none;}
.home_news_main ul li a .pic{overflow: hidden; width: 100%;}
.home_news_main ul li a .pic img{ width: 100%;}
.home_news_main ul li a .home_new_xia{  margin: 0; padding: 40px 70px 40px 40px;}
.home_news_main ul li a .home_new_xia h5{ margin: 0 0 40px; font-size: 16px; color: #000; line-height: 30px;-webkit-line-clamp: 2;}
.home_news_main ul li a .home_new_xia p.timme{ font-size: 15px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;  }
.home_news_main ul li a .home_new_xia p{ font-size: 14px; line-height: 26px;-webkit-line-clamp: 2;color: #888888;  margin-bottom: 50px;}
.home_news_main ul li a .home_new_xia span{font-size: 15px; font-family: Arial, Helvetica, sans-serif;background: url(../images/oce_41.png) no-repeat 90%;padding-right: 30px;}
.home_news_main ul li:hover{box-shadow: #a1a1a1 2px 2px 15px;transform:translateY(-5px);}

.home_products{padding: 80px 0 180px;background: url(../images/oce_19.jpg) no-repeat center; overflow: hidden;}
.home_products .home_text{ margin: 0 auto; width: 60%; text-align: left; float: left;}
.home_products .home_text h5{ font-size: 35px; color: #FFF; line-height: 35px;}
.home_products .home_text p{ font-size: 15px; color: #FFF; line-height: 34px;}

.home_tubiao{background: #f8f8f8; overflow: hidden;}
.home_tubiao .container_tutu{ width: 100%; margin: 0 auto; }
.home_tubiao .container_tutu .tutu_left{ display: flex;padding: 40px 0 20px;}
.home_tubiao .tutu_main .tu_logo{ margin-left: 70px;}
.home_tubiao .tutu_main .tu_logo a img{ width: 100%; }
.home_tubiao .tutu_main .tu_logo a .lo_b{ display: none;}
.home_tubiao .tutu_main{ display: flex;justify-content:space-between; overflow: hidden;}
.home_tubiao .tutu_main .zhengsu{display: flex;justify-content:space-between;margin-left: 50px;}
.home_tubiao .tutu_main .zhengsu a{ margin: 0 30px; }
.home_tubiao .tutu_main .zhengsu a img{ width: 100%; }

.home_tubiao .tutu_main .conta{ overflow: hidden;}
.home_tubiao .tutu_main .conta  a{ float: left;background: #eb1307; width: 100%;padding: 30px 140px 30px 70px }
.home_tubiao .tutu_main .conta span{ font-size: 20px; color: #FFF; display: inline-block; line-height: 65px;height: 65px;background: url(../images/oce_45.png) no-repeat left; padding-left:70px; font-weight: bold; width: 180px; }
.home_tubiao .tutu_main .conta  a:hover{background: #1b5ea5;}


.footer{background: #ffffff ;padding: 80px 0;}
.container_fot{ margin: 0 auto; padding: 0 20px;}
.footer .item{ margin: 0 auto;text-align: left;}
.footer a.di_bl{color: #8c8b8b;font-size: 15px; line-height: 36px; padding-left: 20px;}
.footer a:hover.di_bl{ text-decoration: underline;}
.footer h4{margin-top: 0;margin-bottom: 20px;padding-bottom: 25px;}
.footer h4 a{font-size: 17px; line-height: 40px; padding-left: 20px;}
.footer h4::after{content: '';position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background-color: #eceaea;z-index: 0;}
.footer h4::before{content: '';position: absolute;bottom: 0;left: 20px;height: 1px;width: 60px;background-color: #cc0101;z-index: 1;-webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.footer h4:hover::before{width: 100%;}
.footer .address{width: 145px;}
.footer .code{margin-top: 20px;width: 145px;}
.footer .code img{max-width: 100%;}

.copyright{background-color: #fafafa;padding: 20px 0;}
.copyright .fot_left{color: #666;}
.copyright .fot_left a{ font-size: 14px; color: #666;}
.copyright .fot_left a:hover{text-decoration: underline;}
.copyright p{font-size: 14px; color: #777; line-height: 24px;}


.pages{margin-top: 70px;}
.pages a,.page span{padding: 10px 20px;background-color: #e6e6e6;margin-right: 10px;}
.pages a:last-child{margin-right: 0;}
.pages a.on{background-color: #1b5ea5;color: #FFF;}

/* index  end*/


/* ----------------------------------------about --------------------------------*/
/*
.us_banner{position: relative;min-height: 100vh;height: auto; }
.about_banner_er{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;	background-size: cover;height: auto;min-height: 100vh;}
.about_banner_san{position: relative;height: auto;min-height: 100vh;overflow: hidden;}
.about_banner_sisi{display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column nowrap;flex-flow: column nowrap;-webkit-box-pack: center;
	-ms-flex-pack: center;justify-content: center;height: auto;min-height: 100vh;background: url(../images/nei_ban_1.jpg) no-repeat center top; position:relative; width: 100%;}
.about_banner_sisi .box{ margin: 0 0 200px 20px;}
.about_banner_sisi .title{font-size: 37px;color: #fff;margin-top: 25px;font-weight: bold;margin-bottom: 30px;}
.about_banner_sisi .arrow{display: block;margin:0 auto; font-size: 25px;color: #fff}
*/
.about_yi{ padding: 40px 0 0px; overflow: hidden; background: url(../images/ab_bg.png) no-repeat right 110px;}
.about_yi_text{ padding:30px 0 30px; border-bottom: 1px solid #cccccc; padding-bottom: 25px;}
.about_yi_text h5{ font-size: 33px; line-height: 35px; color: #333; margin: 0 0 40px;}

.about_yi .items {margin: 50px 0 0 0;}
.about_yi .items .counter{color: #1b5ea5;font-family: arial;font-size: 63px;line-height: 1.4; font-weight: bold;}
.about_yi .items .txt{color: #676767; font-size: 15px;}
.about_yi .items:nth-child(1) .counter::after{content: 'm²';font-size: 24px;color: #1b5ea5; font-weight: bold;}
.about_yi .items:nth-child(2) .counter::after{content: 't';font-size: 24px;color: #1b5ea5;font-weight: bold;}
.about_yi .items:nth-child(3) .counter::after{content: 't';font-size: 24px;color: #1b5ea5;}
.about_yi .items:nth-child(3) .counter::after{content: 'sets';font-size: 17px;color: #1b5ea5;}
.about_yi .items:nth-child(4) .counter::after{content: '+';font-size: 24px;color: #1b5ea5;font-weight: bold;}

.about_yi_main{ padding: 80px 0 60px;}
.about_yi_main p{ font-size: 15px; line-height: 34px; color: #333;}

.about_er{ text-align: center; }
.about_er .about_yi_text{border-bottom:none;padding-bottom: 0;}

.about_er_main{margin-top: 80px;overflow: hidden;}
.about_er_main .item{width: 33.3333%;color: #FFF;}
.about_er_main .item a{color: #333;}
.about_er_main .item .pic{overflow: hidden;}
.about_er_main .item img{width: 100%;}
.about_er_main .item .text{height: 352px;overflow: hidden;}
.about_er_main .item:nth-child(1){background-color: #f2f2f2;}
.about_er_main .item:nth-child(2){background-color: #1b5ea5; position: relative;}
.about_er_main .item:nth-child(3){background-color: #f2f2f2;}
.about_er_main .item .text{padding:60px 80px 0 80px ; text-align: left;position: relative;}
.about_er_main .item h3{font-size: 25px; line-height: 50px; font-weight: normal; margin-bottom: 60px; position: relative;}
.about_er_main .item p{font-size: 22px;color: #333; line-height: 30px; padding-left: 30px;}
.about_er_main .item p::before{ content: ""; width: 6px; height: 75px; position: absolute; left: 85px; top:170px; background:#1b5ea5 ;}
.about_er_main .item:nth-child(3) h3{margin-bottom: 30px; }
.about_er_main .item:nth-child(2) h3 a,.about_er_main .item:nth-child(2) p{ color: #FFF;}
.about_er_main .item:nth-child(2) p::before{ background:#FFF ;}
.about_er_main .item:nth-child(2)::before{ bottom: 46%; background: url(../images/abt_30.png) no-repeat bottom}
.about_er_main .item::before{ content: ""; width: 65px; height: 40px; position: absolute; left: 45%; bottom: 49%; z-index: 1111; background: url(../images/abt_29.png) no-repeat bottom}

.about_san{ padding: 80px 0 120px;text-align: center;}
.about_san .about_yi_text_pp{ line-height: 40px; font-size: 20px; padding: 15px 0;}
.about_san .about_yi_text_pp a{font-size: 21px; margin: 0 20px;}

.about_san .swiper-container{margin-top: 65px;}
.about_san .swiper-button-prev{background: url(../images/abt_15.png)no-repeat center;width: 58px;height: 84px;left: -70px;margin-top: -70px;}
.about_san .swiper-button-next{background: url(../images/abt_18.png)no-repeat center;width: 58px;height: 84px;right: -70px;margin-top: -70px;}
.about_san .swiper-container .swiper-slide .txt{ font-size: 16px; line-height: 30px; margin: 10px 0;-webkit-line-clamp: 1;}

.about_san .swiper-container .swiper-slide .pic{ overflow: hidden;}
.about_san .swiper-container .swiper-slide .pic img{ width: 100%;}

.about_sisi{background: url(../images/abt_32.jpg) no-repeat center; padding: 80px 0 180px;}
.about_sisi h5{ color: #FFF;}

.about_sisi .swiper-container .swiper-slide .pic{ overflow: hidden; border: 3px solid #FFF;}
.about_sisi .swiper-container .swiper-slide .pic img{ width: 100%;}
.about_sisi .swiper-container{margin: 95px 0 50px;}
.about_sisi .btns{margin-top: 65px;}
.about_sisi .swiper-button-next, .about_sisi .swiper-button-prev{position:relative;width: 49.9%;background: none;height: 40px;opacity: 1!important;}
.about_sisi .swiper-button-prev{float: left;}
.about_sisi .swiper-button-next{float: right;}
.about_sisi .swiper-button-prev:after,.about_sisi .swiper-button-next:after{content:'';width: 46px;height: 86px;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top: 50%;margin-top: -11px;}
.about_sisi .swiper-button-prev:after{background-image:url(../images/abt_34.png);right: 30px;}
.about_sisi .swiper-button-next:after{background-image:url(../images/abt_36.png);left: 30px;}
.about_sisi .swiper-button-next:hover, .about_sisi .swiper-button-prev:hover{background: none; opacity: .8;}

.about_wu{padding: 80px 0;}
.about_wu .pic{ overflow: hidden;}
.about_wu .pic img{ width: 100%;}
/* -------------------------------------------------------about -main--------------------------------------------*/

.wxy-img-focus{position:relative;overflow:hidden;}
.wxy-img-focus .di_bl{display: block;max-width: 100%;height: auto;}
.neie_banner .box{position:absolute;top:30%;right:0;left:0;line-height:1.5;text-align:left;color:#fff;transform:translateX(20%);}
.neie_banner .box h6{font-size: 35px;color: #fff;margin-top: 25px;font-weight: bold;margin-bottom: 30px;}
.neie_banner .box p{display: block;font-size: 25px;color: #fff; text-align: left;}


.about_ttop{ line-height: 40px; background:url(../images/abt_38.png) repeat-x bottom ; padding:20px 0 60px;}
.about_tp_ul{ display: flex;justify-content:space-between;  margin: 0 auto;}
.about_tp_ul a{ font-size: 19px; font-weight: bold;} 
.about_tp_ul a:hover,.about_tp_ul a.di_bl{ color: #1b5ea5;}

.about_main{ background: none; padding: 20px 0 50px;}
.about_main_tp{ display: flex;justify-content:space-between;}
.about_main_tp .abot_ma_tex{ margin: 90px 50px 0 0; line-height: 37px; font-size: 15px; width: 50%;}
.about_main_tp .di_bl{ max-width: 100%;margin: 0 auto;}
.about_yi .items .counter{ color: #333;}
.about_yi .items:nth-child(1) .counter::after{color: #333; }
.about_yi .items:nth-child(2) .counter::after{color: #333;}
.about_yi .items:nth-child(3) .counter::after{color: #333;}
.about_yi .items:nth-child(3) .counter::after{color: #333;}
.about_yi .items:nth-child(4) .counter::after{color: #333;}

.about_main .about_yi_main{padding: 60px 0;}
.about_main .shuziii{ border-top: 1px solid #dddddd; border-bottom:1px solid #dddddd ; padding-bottom: 80px;}

.about_ttutu{ margin-bottom: 150px;}
.about_ttutu .pic img{ width: 100%;}

/* -------------------------------------------------------product--------------------------------------------*/
.nei_weizhi{ background: #f3f3f3; line-height: 30px; padding: 10px 0;}
.wei_man{font-size: 15px; color: #666;background:url(../images/address.png) no-repeat left ;  padding-left: 20px;}
.wei_man a{ font-size: 15px; color: #505050;}
.wei_man a:hover{ color: #eb1307;}

.product{ padding: 50px 0 150px;}
.product_yi{ display: flex; border: 2px solid #eaeaea; position: relative;}
.product_yi .produ_bl{ margin: 0 auto;}
.product_yi .pic{ overflow: hidden; }
.product_yi .pic img{ width: 100%;}
.product_yi .proyi_text{width: 50%; margin-left: 50px; display: flex; flex-flow: column;}
.product_yi .proyi_text .pro_ttte{padding: 70px 50px 0 30px;}
.product_yi .proyi_text .pro_ttte a h5{ font-size: 24px; line-height: 35px; margin: 0 0 40px;}
.product_yi .proyi_text .pro_ttte a p{ font-size: 15px; line-height: 28px;-webkit-line-clamp: 3;	}
.product_yi .proyi_text .pro_more{ text-align: right; bottom: 0; right: 0; position: absolute;}
.product_yi .proyi_text .pro_more a{background: #eb1307; padding: 0 20px 0 30px; display: inline-block; line-height: 45px; height: 45px;}
.product_yi .proyi_text .pro_more span{ color: #FFF; font-size: 14px;  font-weight: bold;background:url(../images/pro_8.png) no-repeat right; padding-right: 30px;}
.product_yi .proyi_text .pro_ttte a:hover h5,.product_yi .proyi_text .pro_ttte a:hover p{ text-decoration: underline; color: #333;}
.product_yi .proyi_text .pro_more a:hover{background: #333;}

.product_er{ margin: 100px 0;}
.product_er .proyi_text .pro_more{ left: 0; right: auto;}
.product_er .proyi_text{margin-right: 50px; margin-left: 0;}
.product_er .proyi_text .pro_ttte{padding: 70px 30px 0 50px;}
/* -------------------------------------------------------proudcct-mune--------------------------------------------*/

.neie_banner .produ p{ width: 38%;font-size: 18px; line-height: 30px;}
.proudct_mune{ padding: 50px 0;}
.proudct_mune_top{ display: flex; position: relative; z-index: 0; overflow: hidden;}
.proudct_mune_top .mune_tutu{ width: 45%; padding-bottom: 125px;background: #f8f8f8; margin-right: 200px;}
.proudct_mune_top .mune_tui_bg{ transform:translateX(100px); margin-top: 125px;}
.proudct_mune_top .mune_tui_bg .tutu{ width: 100%;}
.proudct_mune_top .mune_tui_bg .pic{ overflow: hidden;}
.proudct_mune_top .mune_tui_bg img{ width: 100%;  }


.proudct_mune_top .mune_text{ width: 37%; margin-top: 120px;}
.proudct_mune_top .mune_text h5{ font-size: 27px; line-height: 40px;}

.proudct_mune_xia{ padding: 100px 0;}
.proudct_mune_xia ul{ display: flex; margin-left: -1.5%;flex-flow: wrap;}
.proudct_mune_xia ul li{ margin-left: 1.5%;width: 31.7%;height: auto;margin-bottom: 40px;transform: translateY(0); transition: transform 0.1s linear 0s,box-shadow 0.2s linear 0.1s;background: #f8f8f8;}
.proudct_mune_xia ul li .pic{ overflow: hidden; border:1px solid #ebebeb;}
.proudct_mune_xia ul li .pic img{ width: 100%;}
.proudct_mune_xia ul li .pro_mu_text{ background: #f8f8f8; margin: 0; overflow: hidden; padding:20px 40px 50px; text-align: left;}
.proudct_mune_xia ul li .pro_mu_text h5{ font-size: 17px; line-height: 35px;-webkit-line-clamp: 1;}
.proudct_mune_xia ul li .pro_mu_text span{ font-size: 15px; font-family: Arial, Helvetica, sans-serif;background:url(../images/oce_41.png) no-repeat right; padding-right: 20px;}
.proudct_mune_xia ul li:hover{box-shadow: #a1a1a1 2px 2px 15px;transform:translateY(-5px);}


/* -------------------------------------------------------product_main--------------------------------------------*/

.product_main{ padding: 50px 0 40px;}
.text_content{min-width: 0px;}
.text_content .tab_mm{width: 100%;  border-bottom: 3px solid #eeefef; margin:30px 0 60px;}
.text_content .tabs { margin: 0 auto;width: 87%;  }
.text_content .tabs span{font-size: 16px; padding:0 24px 44px;cursor: pointer;font-weight: bold;}
.text_content .tabs span:last-child{margin-right: 0;}
.text_content .tabs span.active{color: #1b5ea5;font-weight: bold;border-bottom: 3px #1b5ea5 solid; padding: 0 40px;font-size: 16px;}

.text_content .produ_man{ max-width: 960px; margin: 0 auto;}
.text_content .produ_man h4.pro_man_biao{background:url(../images/pro_13.png) no-repeat left; padding-left: 20px; font-size: 17px;color: #1b5ea5; line-height: 40px; margin: 10px 0;}
.text_content .produ_man p{ margin: 0;}
.text_content .produ_man img{ max-width: 100%;}

.xiangguan{ padding: 30px 0 70px;}

/* -------------------------------------------------------news----------------------------------------------------*/
.new_mune{ width: 58%;}
.about_main .home_news_main ul{flex-wrap: wrap;justify-content:flex-start}
.about_main .home_news_main ul li:nth-child(4){ display: block; }
.about_main .home_news_main ul li{width: 31.2%; margin-bottom: 60px;}

/* -------------------------------------------------------news-main---------------------------------------------------*/
.new_main_zong{ max-width:900px; margin: 0 auto;}
.news_main_top{ margin: 0 0 40px;}
.news_main_top p{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666;}
.news_main_top h5{ font-size: 23px; line-height: 30px; margin: 20px 0;}

.news_main_nei{ padding: 10px 0 50px;}
.news_main_nei p{ font-size: 15px; line-height: 33px; margin: 0 auto;}
.news_main_nei img{max-width: 100%;}

.fanye{ margin: 20px 0 50px; border-top: 1px solid #e0e0e0; padding-top: 30px;}
.fanye p{ line-height: 30px; margin: 0;}
.fanye p a{ font-size: 15px; color: #666;  -webkit-line-clamp: 1;}

/* ------------------------------------------------------case--------------------------------------------------*/
.case_ttop{ padding: 50px 0;}
.case_ttop h5{ font-size: 30px;}
.case_ttop p{ max-width: 900px; margin: 0 auto; font-size: 15px; color: #666; line-height: 30px;}

.case_mune{background:none;padding: 50px 0 30px;}
.home_news_main ul li a .home_new_xia .case_yng{ margin: 20px 0 50px;}
.home_news_main ul li a .home_new_xia .case_yng p{ margin: 0 auto;}
.home_news_main ul li a .home_new_xia h5.case_biao{ font-size: 17px;}

/* ------------------------------------------------------jishu--------------------------------------------------*/
.jishu_main{ margin: 0 auto;}

.jishu_tex{ margin: 0 auto;}
.jishu_tex p{ font-size: 15px; line-height: 30px; margin: 0 auto;}

.jishu_er{ margin: 150px 0;}
.jishu_er .mune_tutu{ margin-right: 0;}
.jishu_er .mune_text{ margin-right: 250px;}
.jishu_er .mune_tui_bg{transform: translateX(-100px);}
.jishu_er .jishu_hong{background: #dc0e01;}
/* ------------------------------------------------------renli--------------------------------------------------*/

.renli{ margin: 0 auto;}
.renli .jishu_er{margin: 20px 0 90px;}
.renli .jishu_er .jishu_tex{ margin-top: 100px;}
.renli .jishu_er .mune_text{ margin-top: 20px;width: 50%;margin-right: 200px;}
.renli .jishu_er .mune_tutu{ margin-top: 100px;}

.fuli{background:#f8f8f8; padding: 60px 0; }
.fuli_man{  margin: 100px 0 50px;}
.fuli_man ul{display: flex;justify-content:space-between}
.fuli_man ul li{ padding: 0 60px; margin: 0 auto; text-align: center; display: flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center}
.fuli_man ul li h5{ font-size: 20px ; margin: 15px 0;}
.fuli_man ul li p{ font-size: 16px; color: #666; line-height: 30px;}
.fuli_man ul li .fuli_tu_lin{ display: none;}
.fuli_man ul li:hover .fuli_tu_lin{ display: block; margin-top: -10px;}
.fuli_man ul li:hover .fuli_tu{ display: none;}
.fuli_man ul li:hover p{ color:#dc0e01 ;}
.fuli_man ul li:hover h5{ color:#dc0e01 ;}



.accordion{margin: 70px auto 120px;}
.accordion .link {cursor: pointer;color: #333;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;line-height: 50px;font-size: 17px;padding-left: 20px;border-bottom: 1px #dadadc solid;}
.accordion li{cursor: pointer;margin-top: 10px;}
.accordion .link .text{font-weight: normal;font-size: 14px;margin-right: 40px;}
.accordion .link .text span:first-child{margin-right: 15px;}
.accordion li i{right: 20px;width: 20px;height: 20px;border-radius: 50%;background-color: #a5a5a6;position: absolute;top: 55%;margin-top: -15px;}
.accordion li i::after{content: '';width: 10px;height: 10px;border-top: 1px #FFF solid;border-right: 1px #FFF solid;position: absolute;left: 50%;top: 50%;transform: rotate(45deg);margin-top: -5px;margin-left: -8px;}
.accordion li.open .link {background-color: #ca190e;color: #FFF;}
.accordion li.open i{background-color: #FFF;}
.accordion li.open i::after{transform: rotate(135deg);border-color: #ca190e;margin-left: -5px;margin-top: -8px;}
.accordion .content {display: none;font-size: 14px;padding: 30px 0 50px; text-align: left;}
.accordion .content h5{margin: 0;color: #333;font-size: 15px;font-weight: bold;}
.accordion .content a{background: #ca190e url(../images/icon16.png)no-repeat 15px center;line-height: 45px;color: #FFF;font-size: 13px;padding: 0 30px 0 50px;margin-top: 35px;}
.accordion .content a::after{content: '';position: absolute;left: 3%;top: 8%;right: 3%;bottom: 8%;border: 1px #FFF solid;}
.accordion .content .txt p{margin: 0; color: #666; font-size: 14px;}
.accordion .content .gange_tex{ margin: 0 0 20px;  justify-content:flex-start}
.accordion .content .gange_tex span{ width: 270px; font-size: 14px ; color: #666; line-height: 32px;}



/*全局样式 end*/


@media (min-width: 1200px) {
	.container{width: 1200px;margin-left: auto;margin-right: auto;}
	.head .flex{ padding: 15px 0;}
	.container_fot{ padding: 0 80px;}
} 


@media (min-width: 1025px) {
	/*所有hover写在这里面 兼容sofari的移动端不支持hover*/
	.menuBox ul>li:hover::after{width: 100px;}
	.about_er_main .item a:hover,.about .honor .text-content a:hover{text-decoration: underline;}	
}

@media (max-width: 1681px) {
	/*修改1441以下、小屏显示器*/
	.menuBox .menuBox_con_logo{margin: 80px auto ;}
	.about_er_main .item .text{height: 339px;}

	.footer h4:hover::before{width: 135px;}
	.footer a{font-size: 14px;}
	.footer .address,.footer .code{width: 135px;}

	.banner .swiper-slide{max-height: 650px;}

}
@media (max-width: 1601px) {
	/*修改1441以下、小屏显示器*/
	.about_er_main .item .text{height: 327px;}
	.neie_banner .box{ transform: translateX(15%);}
}
@media (max-width: 1441px) {
	/*修改1441以下、小屏显示器*/
	.menuBox .menuBox_con_logo{margin: 60px auto;}
	.menuBox ul>li a{font-size: 20px;}
	.about_er_main .item .text{height: 291px;padding: 40px 60px 0 60px;}
	.about_er_main .item h3{font-size: 22px;margin-bottom: 40px;}
	.about_er_main .item p::before{left: 65px;top: 140px;}

	.about_san .swiper-button-prev{left: 0px;}
	.about_san .swiper-button-next{right: 0px;}
	.neie_banner .box{ transform: translateX(8%);}

	.neie_banner .produ p{ width: 50%;font-size: 18px; line-height: 30px;}


}

@media (max-width: 1367px) {
	/*修改1441以下、小屏显示器*/
	.container{padding-left: 20px;padding-right: 20px;}
	.about_er_main .item .text{height: 242px;padding: 40px 50px 0 50px;}
	.about_er_main .item h3{font-size: 20px;}
	.about_er_main .item p{font-size: 18px;}
	.menuBox ul{ margin-left: 0;}
	.about_er_main .item::before{bottom: 46%;}



}

@media (max-width: 1199px) {
	/*修改1200以下、小屏显示器*/
	.home-about::after{background-size: 100%;}
	.home_tubiao .tutu_main{ display: block;}
	.home_tubiao .tutu_main .conta a{ padding: 0 0 0 70px;}
	.home_tubiao .tutu_main .conta span{ font-size: 18px;}

	.footer{padding: 40px 0;}
	.copyright{ padding: 15px 0;}
	.copyright p{ margin:0 0;}
	.footer .container_fot{flex-flow: column; padding: 0 15px;}
	.footer .item{width: 100%;margin-right: 0;margin-bottom: 0;}
	.footer .item:last-child{margin-bottom: 0;}
	.footer .box{display: none;background-color: #f8f8f8;padding: 15px 50px 15px 50px;}
	.footer a.di_bl{ font-size: 14px;}
	.footer h4::after{width: 100%;}
    .footer h4::before{ background: none;}
	.footer h4:hover::before{width: 100%;}
	.footer h4{padding-bottom: 15px;margin-bottom: 0;}
	.footer h4 a{font-size: 16px;display: block;position: relative;}
	.footer h4 a::after{content: '';position: absolute;right: 20px;top: 20px;width: 8px;height: 8px;border-top: 1px #f10f01 solid;border-right: 1px #f10f01 solid;transform: rotate(45deg);}
	.footer h4.cur a::after{transform: rotate(135deg);}
	.footer .address, .footer .code{width: 100%;}

	/*--------------------------------------------------------about--------------------------------------*/
	.neie_banner .box{transform: translateX(5%);}
	.neie_banner .box h6{ font-size: 30px;}
	.neie_banner .box p{ font-size: 22px;}
	.neie_banner .produ p{ width: 50%;font-size: 18px; line-height: 30px;}


	.about_er_main{margin-top: 90px;}
	.about_er_main .item .text{height: 235px;padding: 30px 40px 0 40px;}
	.about_er_main .item h3{font-size: 19px;margin: 0 0 30px;}
	.about_er_main .item p{margin: 0;font-size: 17px;}
	.about_er_main .item p::before{left: 45px;top: 100px;}
	.about_er_main .item::before{bottom: 42%;}
    .about_er_main .item:nth-child(2)::before{bottom: 49%;}
	

	.text_content .tabs{ width:85%;}
}


@media (max-width: 1023px) {
	/*修改1024以下、平板*/
	.head .logo{padding: 15px 0;}
	.head .logo img{height: 50px;}
	.home .head.fixed .logo{background-size: 23%;}
	
	.home .head.fixed .menu_line .menu_text{bottom: 20px;right: 60px;}
	.menu_line .menu_text{font-size: 14px;bottom: 30px;}
	.menuBox_con .menuBox_con_logo{width: 80%;}

	.banner .swiper-slide{max-height: 500px;}
	.home_case .home_ca_man .swiper-slide .biaoti{left: 20%;top: 30%;}
	.home_case .home_ca_man .swiper-slide .biaoti h5{ font-size: 20px;}
	.home_case .home_ca_man .swiper-slide a:hover .shuib_hover{ padding: 10% 15%;}
    .homen_biaoti h5{ margin: 30px 0 50px; font-size: 30px;}
    .home_tubiao .tutu_main .tu_logo

	.home_about .abt_rht h5{ font-size: 22px; margin: 0 0 10px;}
	.home_about .abt_rht h4{margin-bottom: 0;}
	.home_about .abt_rht p{ line-height: 25px;}

	.home_news_main{ margin: 30px 0 0;}

	.home_news_main ul li{ width: 48%; margin-bottom: 40px;}
	.home_news_main ul li:nth-child(4){ display: block;}

	.home_products .home_text h5{ font-size: 30px;}
	.home_products .home_text p{ line-height: 29px;}

	.home_tubiao .tutu_main .zhengsu{ display: none;}
	.home_tubiao .tutu_main{ display: flex;}
	.home_tubiao .container_tutu .tutu_left{padding: 10px 0 10px;}
	.home_tubiao .tutu_main .tu_logo{ margin-left: 40px;}
	.home_tubiao .tutu_main .tu_logo a .lo_b{ display: block;}
	.home_tubiao .tutu_main .tu_logo a .lo_a{ display: none;}
	.home_tubiao .tutu_main .conta a{padding: 10px 50px 10px 40px;}
	.home_tubiao .tutu_main .conta span{ width: 150px;background-size: 28%;font-size: 17px; line-height: 50px; height: 50px;}
	
	/*--------------------------------------------------------about--------------------------------------*/
	.menuBox{ width: 55%;}
	.about_yi .pubilc-title{background-size: 80%;}
	.about_yi .items .counter{font-size: 52px;}
	.about_yi .text{font-size: 16px;}

	.neie_banner .box{transform: translateY(-15%); text-align: center;}
	.neie_banner .box h6{ font-size: 24px;margin-bottom: 20px;margin-top: 45px;}
	.neie_banner .box p{ font-size: 18px; margin: 0 auto; width: 100%; text-align: center;}

	.about_yi_text h5{font-size: 29px;}
	.about_yi_main p{ font-size: 15px;}

	.about_er_main{margin-top: 70px;}
	.about_er_main .item p{line-height: 1.6;font-size: 17px;margin-top: 3px;}
	.about_er_main .item h3{font-size: 18px;}
	.about_er_main .item::before,.about_er_main .item:nth-child(2)::before{ background: none;}
	/*--------------------------------------------------------about-main-------------------------------------*/
	.about_tp_ul{ width: 70%;}
	.about_tp_ul a{ font-size: 17px;}
	.about_main_tp .abot_ma_tex{margin: 0 30px 0 0; line-height: 30px;}
	/*--------------------------------------------------------product--------------------------------------*/
	.product_yi .proyi_text{width: 80%;margin-left: 30px;}
	.product_yi .proyi_text .pro_ttte{padding: 30px 20px 0 10px;}
	.product_yi .proyi_text .pro_ttte a h5{ font-size: 22px; line-height: 30px; margin: 0 0 30px;}
	.product_yi .proyi_text .pro_ttte a p{	-webkit-line-clamp: 3;	}

	.product_er .proyi_text{ margin-right: 30px; margin-left: 20px;}

	.neie_banner .produ p{ width: 80%;font-size: 16px; line-height: 28px;}

	/*--------------------------------------------------------proudcct-mune--------------------------------------*/
	.proudct_mune_top .mune_text{ margin-top: 50px;}
	.proudct_mune_top .mune_tutu{margin-right: 170px;}
	.proudct_mune_top .mune_text h5{ font-size: 24px;}

	.proudct_mune_xia ul li{width: 48.5%;}

	/*--------------------------------------------------------proudcct-main--------------------------------------*/

	.text_content .tabs{ width:100%;}
	.text_content .tabs span{padding: 0 30px 45px;}
	.text_content .tabs span.active{padding: 0 30px 45px;}
	

	/*--------------------------------------------------------news----------------------------------------------*/
	.new_mune{ width: 55%;}
	.new_mune_xia{padding: 0 0 80px;}
	.new_mune_xia .home_news_main ul li{width: 48%;}

	/*--------------------------------------------------------jishu----------------------------------------------*/


	.jishu_er .mune_tutu{ margin-right: 0;}
	.jishu_er .mune_text{ margin-right: 180px;}
	/*--------------------------------------------------------renli----------------------------------------------*/

	.fuli_man ul li{ padding: 0 10px;}



}

@media (max-width: 768px) {
	.us_intro1 .list .item{ width:49% !important}
	/*修改768以下、小屏平板*/
	.head{width: 100%; background: none; height: auto;}
	.home .head.fixed .logo{background-size: 25%;height: 60px;}
	.menu_line .menu_text{font-size: 14px;bottom: 20px;right: 60px;}

	.section{ padding: 20px 0 50px;}
	.head .flex{ padding: 10px 15px 0;}
	.home_jishu{ padding: 20px 0 0;}
	.home_case ul.home_ca_man{ display: initial;}
	.home_case .swiper-button-next,.home_case .swiper-button-prev{ display:block;}
	.home_case .swiper-button-prev{background: url(../images/rit.png)no-repeat center; opacity: 1;}
	.home_case .swiper-button-next{background: url(../images/left.png)no-repeat center; opacity: 1;}

	.home_case .home_ca_man .swiper-slide .biaoti{left: 38%;top: 43%;}
	.home_case .home_ca_man .swiper-slide .biaoti h5{ font-size: 20px;}
	.home_case .home_ca_man .swiper-slide a:hover .shuib_hover{ padding: 50% 15% 0;}
	.homen_biaoti h5{ font-size: 26px; margin: 30px 0;}

	.home_about .container{ display:flex;flex-wrap:wrap-reverse}
	.home_about .abt_left,.home_about .abt_rht{ width: 100%; margin-bottom: 40px;}
	.home_about .abt_rht p{ font-size: 14px;}
	.home_jishu .container{ display:flex;flex-wrap:wrap}  

	.home_products .home_text{ width: 70%;}
	.home_products .home_text h5{ font-size: 26px;}
	.home_products .home_text p{ font-size: 14px; line-height: 24px;}

	.home_tubiao{ padding: 0;}
	.home_tubiao .tutu_main .conta a{padding: 10px 50px 10px 40px;}
	.home_tubiao .container_tutu .tutu_left{padding: 10px 0 0;}
	.home_tubiao .tutu_main .tu_logo{margin-left: 40px;}
	.banner .swiper-slide{max-height: 360px;}

	/*--------------------------------------------------------about--------------------------------------*/
	.about_yi .text,.about_yi .items .txt{font-size: 14px;}
	.about_yi .items .counter{font-size: 38px;}
	
	.about_yi_text h5{font-size: 25px;margin:20px 0 20px;}
	.about_yi_main{ padding: 50px 0 80px;}
	.about_yi_main p{ font-size: 14px; line-height: 27px; color:#666;}
	
	.about_er_main{margin-top: 40px;}
	.about_er_main .item {width: 100%;}
	.about_er_main .item h3{font-size: 19px;}

	.about_er_main .item:nth-child(2){display: flex;flex-flow: column;}
	.about_er_main .item:nth-child(2) .text{order: 2;}
	.about_er_main .item:nth-child(2) .pic{order: 1;}
	.about_san{ padding: 0 0 50px;}
	.about_san .about_yi_text_pp a{font-size: 18px;margin: 0 5px;}
	.about_san .about_yi_text_pp{ padding: 0;}
	.about_sisi .swiper-container{    margin: 55px 0 0;}
	.about_sisi .btns{ padding: 0 0 70px; margin-top: 30px;}
	.about_sisi .swiper-button-prev::after,.about_sisi .swiper-button-next:after{background-size: 60%;}

	
	/*--------------------------------------------------------about-main-------------------------------------*/

	.about_tp_ul{ width: 100%;  flex-wrap:wrap;justify-content:space-around}
	.about_tp_ul a{ font-size: 16px; line-height: 30px;}
	.about_main{ padding: 20px 0 0 ;}
	.about_main_tp{ display: block;}
	.about_main_tp .abot_ma_tex{ width: 100%; margin:0 0 50px 0;}
	.about_ttutu{ margin-bottom: 50px; padding: 0;}

	/*--------------------------------------------------------product--------------------------------------*/
	.product_yi{ display: block;}
	.product_yi .proyi_text{ width: 100%; margin: 0;}
	.product_yi .proyi_text .pro_ttte{ padding: 40px 30px 80px;}
	.product_yi .proyi_text .pro_ttte a h5{ font-size: 20px;}
	.product_yi .proyi_text .pro_ttte a p{-webkit-line-clamp:inherit;}

	.product_er{flex-wrap:wrap-reverse; display: flex;}
	.product_er .proyi_text .pro_more{ right: 0; left: inherit;}

	.product{ padding: 50px 0 100px;}
	.product_er{ margin: 60px 0;}

	.neie_banner .produ p{ display: none;}
	.proudct_mune{ padding: 30px 0;}
	/*--------------------------------------------------------proudcct-main--------------------------------------*/

	.text_content .tabs span{padding: 0 10px 45px;}
	.text_content .tabs span.active{padding: 0 10px 45px;}
	.text_content .produ_man{ width: 100%;}
	.product_main .content{ margin-bottom: 0;}

	/*--------------------------------------------------------news--------------------------------------*/
	.new_mune_xia{padding: 0 0 80px;}

	/*--------------------------------------------------------news-main------------------------------------*/
	.news_main_top h5{ font-size: 20px;}
	.news_main_nei p{ font-size: 14px;line-height: 28px;}
	.case_ttop p{ font-size: 14px; line-height: 28px;}
	.case_ttop{ padding: 0 0 50px;}

	.case_mune{ padding: 0 0 20px;}
	/*---------------------------------------------------------renli------------------------------------*/

	.renli .jishu_er{flex-wrap: wrap; margin: 20px 0 50px;}
	.renli .jishu_er .mune_tutu{ width: 100%;}
	.renli .jishu_er .mune_text{ width: 100%; margin: 0;}
	.renli .jishu_er .jishu_tex{margin-top:30px}
	
	.fuli_man{ margin: 50px 0 10px;}
	.fuli_man ul{justify-content:flex-start;flex-flow: column}
	.fuli_man ul li{flex-wrap:nowrap;flex-direction:row;align-items:flex-start; justify-content:flex-start;text-align: left; margin: 15px 0;}
    .fuli_man ul li .ful_tu img{ height: 90px;}
	.fuli_man ul li .ful_tu{ margin-right: 20px;}

	.gangwei{ padding: 0;}
	.accordion{margin: 40px 0 70px;}
	.gangwei .about_yi_text{ padding: 0;}
}

@media (max-width: 680px) {
	.menuBox{ width: 100%;}
	.home_news_main ul li{ width: 100%; }
	.home_news_main ul li:nth-child(4){ display:none;}

	.home_tubiao .tutu_main .conta a{padding: 0 10px 0 20px;}
	.home_tubiao .tutu_main .conta span{padding-left: 50px;font-size: 16px;}
	.home_tubiao .tutu_main .tu_logo{ margin-left: 20px;}
	.home_tubiao .container_tutu .tutu_left{ padding: 5px  0 0;}
	

	.footer .item{margin-bottom: 0px;}
	.footer h4{padding-bottom: 10px;}

	.about_san .swiper-button-next,.about_san .swiper-button-prev{background-size: 60%;}
	/*--------------------------------------------------------proudcct-mune--------------------------------------*/

	.proudct_mune_top{  flex-wrap:wrap}
	.proudct_mune_top .mune_tutu{ width: 100%; margin: -100px 0 0 0;; padding: 20px 0 0;}
	.proudct_mune_top .mune_tui_bg{  width: 90%; margin: 0 auto 110px;transform: translateY(145px);} 
	.proudct_mune_top .mune_text{ width: 90%; margin: 50px auto;}
	.proudct_mune_top .mune_text h5{ font-size: 20px;}
	.proudct_mune_top .mune_text p{ font-size: 14px;}

	.proudct_mune_xia{ padding: 60px 0;}
	.proudct_mune_xia ul li{width: 100%;}
	.proudct_mune_xia ul li .pro_mu_text{padding: 0 30px 30px;}
	.proudct_mune_xia ul li .pro_mu_text h5{ margin: 20px 0;}

	/*--------------------------------------------------------product_main--------------------------------------*/
    .xiangguan{padding: 30px 0 0;}
	/*--------------------------------------------------------news--------------------------------------*/
  
	.new_mune_xia .home_news_main ul li{ width: 100%; margin-bottom: 40px;}

	/*--------------------------------------------------------jishu--------------------------------------*/
    .jishu_er{ flex-wrap:wrap-reverse;margin: 50px 0;}
	/*---------------------------------------------------------renli------------------------------------*/

	.renli .jishu_er .mune_tui_bg{margin: -100px auto 110px;}


}

@media (max-width: 560px) {
	.neie_banner .box h6{ font-size: 20px;margin-bottom: 5px;}
	.neie_banner .box p{ font-size: medium;}

	/*--------------------------------------------------------proudcct-main--------------------------------------*/
	.wei_man,.wei_man a{ font-size: 13px;}

	.text_content .tabs span{padding: 0 10px 25px; font-size: 15px; line-height: 25px; }
	.text_content .tabs span.active{padding: 0 10px 25px;font-size: 15px;}
	.text_content .tab_mm{ margin: 30px 0;}
	.text_content .produ_man h4.pro_man_biao{ font-size: 15px;}
	.text_content .produ_man p{ font-size: 14px; line-height: 27px;}

	/*--------------------------------------------------------news-main-------------------------------------*/
	.news_main_top h5{ font-size: 17px;}
	.news_main_top{ margin:  0 0 20px;}
	.fanye p a{ font-size: 14px;}

	/*---------------------------------------------------------renli------------------------------------*/

	.fuli_man ul li h5{ margin: 10px 0 0; font-size: 17px;}
	.fuli_man ul li p{ margin: 0; font-size: 14px; line-height: 25px;}
}


@media (max-width: 424px) {
	/*修改425以下、普通的安卓手机屏*/
	.menuBox{ width: 100%;}
	.menuBox ul > li a{ font-size: 17px;}
	.menuBox ul{ width: 196px;}

	.head .logo { margin-right: 40%;}
	.head .logo img{ height: 40px;}
	.head .flex{padding: 5px 15px 0 5px;}

	#erji_meau{ left: 167px;}
	#erji_meau a{ font-size: 14px; line-height: 35px;}
	.container{padding-left: 15px;padding-right: 15px;}
	.head{width: 100%; }
	.head .logo{margin-right: 45%;}
	.home .head.fixed .logo{ background-size: 60%;height: 50px;}
	.home .head.fixed .menu_line .column-direction{margin-top: -15px;}
	.home .head.fixed .menu_line .menu_text{bottom: 15px;right: 50px;}
	
	.menu_line .column-direction{margin-top: -10px;left: 75%;}
	.menu_line .menu_text{bottom: 10px;right: 35px; font-size: 14px;}
	.menu_line{flex: 1;width: auto;}
	.banner .swiper-slide{max-height: 190px;}

	.home_products .home_text{ width: 90%;}
	.home_products .home_text h5{ font-size: 23px;}

	.home_tubiao .tutu_main .tu_logo{ width: 70%;margin: 0 0 0 20px;}

	.home_news_main ul li a .home_new_xia{ padding: 40px;}
	.home_news_main ul li a .home_new_xia h5{margin: 0 0 20px;}
	.home_news_main ul li a .home_new_xia p{margin-bottom: 30px;}

	.footer{padding: 40px 0;}
	.footer h4 a{font-size: 15px;}
	.copyright{ padding: 15px 0;}


	.about_yi .items{width: 50%;margin-top: 30px;}
	.about_yi .items .counter{font-size: 32px;}
	.about_yi .text{margin-top: 0px;}


	.about_banner_sisi .title{ font-size: 22px;margin-bottom: 10px;}
	.about_banner_sisi .arrow{ font-size: 17px;}

	.about_yi_text h5{font-size: 22px}
	.about_yi_main{ padding: 50px 0 0;}

	
	.home_case .home_ca_man .swiper-slide .biaoti{left: 35%;top: 40%;}
	.home_case .home_ca_man .swiper-slide .biaoti h5{ font-size: 18px;}
	.home_case .home_ca_man .swiper-slide a:hover .shuib_hover{ padding: 30% 15% 0;}
	.home_case .home_ca_man .swiper-slide a:hover .shuib_hover h5{ font-size: 18px; }
	.home_case .home_ca_man .swiper-slide a:hover .shuib_hover p{ font-size: 14px; }
	.homen_biaoti h5{ font-size: 23px; margin: 30px 0;}

	/*--------------------------------------------------------about-main-------------------------------------*/

	.about_tp_ul a{ font-size: 15px; font-weight: normal;}

	/*--------------------------------------------------------proudcct-mune-------------------------------------*/
	.neie_banner .produ h6{margin-top: 50px;}

	.case_mune .about_tp_ul a{ font-weight: bold;font-size: 16px; margin: 0 10px;}
	
}

@media (max-width: 380px) {
	/*修改375以下、iPhone5，4，等小屏手机*/
	.about .honor .title{font-size: 18px;}
	.about .honor .en{font-size: 20px;}
	.case .subnav a{font-size: 12px;}
	
	.news .pic{height: 105px;}
	.fuwu .ping .title{font-size: 18px;}
	.fuwu ul li .txt-content p{font-size: 13px;}
}
@media (max-width: 321px) {
	/*修改375以下、iPhone5，4，等小屏手机*/
	
}





.book-title{font-size: 27px;margin-top: 60px;}
.form-control{width: 100%;height: 545px;background:#cbcbcb url(../images/bg8.jpg)no-repeat center top;margin-top: 60px;overflow: hidden;}
.form-group{width: 1200px;margin-left: auto;margin-right: auto;padding-top: 70px;}
.form-group .form{background-color: #FFF;width: 32%;margin-right: 2%;margin-top: 10px;padding: 0 20px;}
.form-group .form:nth-child(3),.form-group .form:nth-child(4){margin-right: 0;}
.form-group .form font{color: red;}
.form-group .form input{height: 50px;}
.form-group .form textarea{height: 260px;padding: 20px 0;width: 100%;font-family: 'Microsoft YaHei', arial, sans-serif;font-size: 14px;}
.form-group button{position: absolute;left: 50%;width: 130px;height: 130px;border: 0;bottom: -65px;transform: translateX(-50%);color: #FFF;background-color: #eb1307;border-radius: 50%;font-size: 20px;font-weight: bold;}
.form-group button span{text-transform: uppercase;font-size: 14px;font-weight: normal;opacity: 0.6;}



                                         
.us_intro1{padding:20px 0 70px;}
.us_intro1 .desc{font-size: 15px;color: #666666;line-height: 28px;}
.us_intro1 .list{margin-left: -1%;margin-top: 10px;}
.us_intro1 .list .item{background: #e9e9e9;float: left;width: 24%;margin-left: 1%; margin-bottom: 3%;}
.us_intro1 .list .imgbox{display: block;position:relative;}
.us_intro1 .list .img{width: 100%;display: block; border: 1px solid #f0f0f0;}
.us_intro1 .list .title{font-size: 15px;color: #333333;line-height: 45px;text-align: center; margin:0}
.us_intro1 .list .item:hover .title{color: #fff;background:#1b5ea5b0;}
.us_intro1 .list .item:hover .mask{opacity: 1;}

.us_intro1 .list .mask{position:absolute;width: 100%;left: 0;top: 0;height: 100%;background: #1b5ea5b0;opacity: 0;}
.us_intro1 .list .icon{width: 55px;height: 55px;background: url(../images/us_08.png) no-repeat center;background-size:contain;position:absolute;left: 50%;top: 50%;margin-left: -27px;margin-top: -27px;}