*{margin:0;padding:0;}

body {background-color: #fff; overflow-x:hidden;color: #333;font-size: 12px; font-family: "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";}

a { color: #333;

  text-decoration: none;

  -webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;

  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;

  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;

}
.header { width: 100%; height: 2.6rem; position: relative; z-index: 9999;}

a:hover {color: #023793;/*text-decoration: underline;*/}

input,select,img{vertical-align:middle;}

ul,li{ list-style:none;}

em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}

.wrap{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}

.wrap2{clear:both; width:96%;max-width:1400px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}

.divhidden{ display:none;}

.l{ float:left;}

.r{float:right;}

.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}



/*PC导航*/

.header-v1{ width:100%; z-index:10;}
.tbwz{ line-height: 40px; background: #f4f3f3; font-size: 14px; color: #333;}
.tbr{ width:30; float:right; text-align:right; height:35px;}
.tbr li{ float:right; width:65px; height:35px; text-align:center; line-height:35px; margin-right:10px; }
.tbr li a{ color:#333; font-size: 14px;}
.logobox{margin-top: 20px;}
.logo_r{margin: 10px 0;}
.logo_l dl{ line-height: 37px; font-size: 30px; color: #333333; font-weight: bold; margin-bottom: 4px;}
.logo_l dt{ line-height: 19px; font-size: 12px; text-transform: uppercase; color: #333333;}
.logo_c{border-left: 1px solid #CCCCCC; padding-left: 15px; margin-left: 15px;margin-top: 14px;}
.logo_c dl{ line-height: 31px; font-size: 22px; color: #023793; font-weight: bold;}
.logo_c dt{ line-height: 26px; font-size: 18px; color: #999;}
.l-img{margin-top: 11px;margin-right: 10px;}
.logo_r dl{line-height: 30px; font-size: 14px; color: #888888;}
.logo_r dt{ line-height: 26px; font-size: 38px; color: #023793; font-family: impact;}
.header .nav {font-size: 0;background-color: #023793;color: #fff;}
.header .nav .navbox{width: 90%;margin: 0 auto;}
.header .nav li {display: inline-block;vertical-align: middle;width: 12.4%;text-align: center;position: relative;}
.header .nav li:nth-child(2) .dropdown-box{width: 590px;left: 50%;margin-left: -295px;}
.header .nav li:nth-child(3) .dropdown-box{width: 830px;left: 50%;margin-left: -415px;}
.header .nav li:nth-child(5) .dropdown-box{width: 350px;left: 50%;margin-left: -175px;}
.header .nav li:nth-child(6) .dropdown-box{width: 350px;left: 50%;margin-left: -175px;}
.header .nav li:nth-child(7) .dropdown-box{width: 350px;left: 50%;margin-left: -175px;}

.header .nav li>a {display: block;font-size: 16px;line-height: 75px;color: #fff;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}
.header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover {color: #fff;background-color: #e96503;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: initial;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);background-color: #f5f5f5;font-size: 0;border-bottom: 4px solid #e96503;}
.header .nav .dropdown-box .d-item {display: inline-block;width: 120px;}
.header .nav .dropdown-box .d-item a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;text-align: center; width: 220px;height: 100px;line-height: 100px;background: url(../images/npic-nn.png) no-repeat;}
.header .nav .dropdown-box .d-item a:hover{background: url(../images/npic.png) no-repeat;color: #fff;}
.header .nav li:hover .dropdown-box {display: block;}


.nav-hide .header-v1{ height:99px;}

.nav-hide .blank_h{ height:99px;}

.nav-hide .header-v1 .top-main .logo1 img{ height:99px;}

/*.nav-hide .header-v1 .top-main .top-main-content{ margin-top:18px;}*/

.header-v1 .top-main{ width:100%;/* max-width:1730px;*/ margin:0 auto;/* position:relative;*/}

.header-v1 .top-main .logo1{ float:left; height:100%; margin-left:2%;}

.header-v1 .top-main .logo1 img{ height:100%;}

.header-v1 .languages{ float:right; position:relative; display:block;font-size:18px; color:#16549e;height:114px;line-height:114px; width:34px; text-align:center; font-weight:bold; font-family:"微软雅黑"; text-decoration:none; text-align:center; margin-left:3px; margin-right:2%;}

.nav-hide .header-v1 .languages{ height:99px; line-height:99px;}

.header-v1 .languages:Hover{ background-color:#fff;}

.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.header-v1 .top-main .top-main-content{ float:right;/* margin-top:31px;*/}

.navBar{}

.nav{ list-style:none; padding:0;  }

.nav .m{ float:left; border-top:0; border-bottom:0; width:120px; position:relative;}

.nav a:hover{ text-decoration:none;    }

.nav h3{ float:left; font-weight:normal; font-size:16px; height:114px; overflow:hidden; width:100%; text-align:center; }

.nav h3 a{ display:block; color:#666666;  line-height:114px; font-size:16px;}

.nav-hide .nav h3{ height:99px;}

.nav-hide .nav h3 a{ line-height:99px;}

.nav .on{}

.nav .on h3 a{/* height:42px; line-height:42px; */color:#fff; background-color:#023793;/*background:url(../images/top_bg.png) center bottom no-repeat;*/}

/*.nav li.on a:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%; margin-left:5px; margin-right:5px;bottom: -1px;height:4px;opacity: 0;background-color: #023793;-webkit-transition: all .5s;

-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav li h3 a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/

.nav .sub{ display:none; /*默认隐藏*/ width:100%;  padding:0;   position:fixed; top:117px; left:0; background:#fff; z-index:110; border-top:3px solid #ededed;}
.nav-hide .nav .sub{ top:102px;}
.nav .sub dl{ text-align:right; float:right; width:1000px;}
.nav .sub dd{ float:left;vertical-align:middle; list-style:none; text-decoration:none; margin-right:3%;}
.nav .sub dd a{ height:74px; line-height:74px; display:block; color:#37230a;font-size:15px;}
.nav .sub dd a:hover{ color:#02358D;}
.site{ display: flex; justify-content: center; font-size: 16px; margin-bottom: 2%; color: #02358D;}
.site a{ padding: 0px 5px; color: #02358D; font-size: 16px;}
.blank_h{ height:117px; overflow:hidden;}

.nav #m1{ width:90px;}

.top_search{ float:right;height:114px; width:34px; position:relative;}

.nav-hide .top_search{ height:99px;}

.top_search .input1{ width:83%; text-indent:10px; line-height:30px; height:30px; outline:medium; background:none; color:#9c9c9c; text-align:left; font-size:13px; border:0;}

.top_search em{height:100%; width:100%; background:url(../images/top_pic1.png) center center no-repeat; cursor:pointer; display:block;}

.top_search em:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}

.top_search .search_con{ display:none;position:absolute; bottom:-56px;right:0px; width:300px; height:0px; padding-top:23px; padding-bottom:19px; background:url(../images/top_bg2.png) no-repeat;z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}

.top_search .search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0; padding-left:5px; margin-left:16px; padding-right:47px; width:174px; float:left; outline:none;}

.top_search .search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/top_pic3.png) no-repeat; cursor:pointer;}

.top_search .search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) no-repeat;}

/* 手机导航全局 */

.touch-top{ width:100%; position:fixed; top:0; z-index:99; background:#fff; display:none;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}

.touch_bg{width:100%; position:fixed; top:0; z-index:8;background:#0d0d0d;display:none;filter: Alpha(Opacity=60);/*IE7 fix*/opacity: 0.6; height:100%;}

.touch-top-wrapper{ width:96%; margin:0 auto;}

.touch-top-wrapper .touch-logo{ float:left;}

.touch-top-wrapper .touch-logo img{display: block;}

.touch-navigation { display:block; }



	.touch-toggle { position:absolute; right:10px; top:0; }



	.touch-toggle li { float:left; height:70px; padding:0 12px; text-align:center; }



	.touch-toggle li a { height:70px; }



	.touch-toggle li:hover, .touch-toggle li:active { }



	.touch-toggle .touch-toggle-item-first { border-left:none; }



	.touch-toggle .touch-toggle-item-last { border-right:none; }



	.touch-toggle li a { display:block; font-size:12px; }	



	.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; margin-top:12px; background-repeat:no-repeat; background-position:center center; background-size:contain; }



	.touch-toggle .touch-icon-language { background-image:url(../images/touch-icon-language.png); }



	.touch-toggle .touch-icon-user { background-image:url(../images/touch-icon-user.png); }



	.touch-toggle .touch-icon-search { background-image:url(../images/head_pic2.png); }



	.touch-toggle .touch-icon-menu { background-image:url(../images/head_pic1.png); }



	.touch-toggle li span { display:none; text-align:center; }

	.drawer-section {/* background-color:#40312f; padding:20px;*/ display:none; }	



	.drawer-section-menu {/* padding:20px 20px 35px;*/  padding:0px 0px 35px;}



	.touch-toggle-content{ clear:both;}

	.touch-menu{ clear:both;}

	.touch-menu ul li { border-bottom:1px solid #eee; position:relative; }



	.touch-menu ul li a { color:#333; display:block; font-size:18px; height:48px; line-height:48px;/* padding-left:10px;*/  padding-left:30px;}



	.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#023793; color:#fff; }	



	.touch-menu ul li i { position:absolute; top:14px;/* right:5px;*/ right:25px;  display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }



	.touch-menu ul li i.touch-arrow-right { display:none; background-image:url(../images/touch-arrow-r.png); }



	.touch-menu ul li i.touch-arrow-down { background-image:url(../images/touch-arrow-d.png); }



	.touch-menu ul li i.touch-arrow-up { background-image:url(../images/touch-arrow-u.png); }

	.touch-menu ul li a:hover i.touch-arrow-down {background-image:url(../images/touch-arrow-d2.png); }

	.touch-menu ul li a:hover i.touch-arrow-up {background-image:url(../images/touch-arrow-u2.png); }



	.touch-menu ul ul { display:none; margin:0;/* padding:0 10px 30px 30px;*/ padding:0 0px 30px 0px; }



	.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }



	.touch-menu ul ul li a { padding:0; padding-left:35px; font-size:16px; height:38px; line-height:38px; }		



	.touch-menu ul ul li i { top:13px; }

.touch-menu .closetitle{ padding-top:10px; padding-bottom:12px; text-align:center;}

.touch-menu .closetitle img{ margin:0 auto;  height:30px; width:auto;}

/*手机弹出搜索*/

.search_div{ clear:both; width:100%;  overflow:hidden;padding-top:2%; padding-bottom:2%; display:none; /*z-index:999;*/}

.search_div .search_con{ width:92%; margin:0 auto; border:1px solid #cdcdcd; height:40px; line-height:40px;}

.search_div .search_con .input1{ text-indent:15px; width:88%; float:left; border:0; background:none; height:100%; font-size:16px; outline:none; color:#bbb;}

.search_div .search_con .bnt1{-webkit-appearance: none; float:right; width:12%; max-width:60px; background:url(../images/head_pic2.png) 50% center no-repeat; background-size:auto 55%; border:0; height:100%; cursor:pointer;}





/*尾部*/
.footer {background-color: #333;color: #fff;padding-top: 40px;}
.footer a {color: #b3b3b3;}
.footer a:hover {color: #fff;}
.footer-copy {text-align: center;padding: 10px 0;background-color: #222;margin-top: 35px;color: #959595;}
.footer-copy p {margin: 0;}
.footer-logo {float: left;}
.footer-tit {font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.footer-tit i {display: inline-block;vertical-align: middle;margin-left: 10px; width: 40px;height: 2px;background: #e96503;}
.footer-contact {float: left;padding-right: 6%;}
.footer-contact a{display: block;font-size: 14px;line-height: 32px;}
.footer-contact p {margin: 10px 0 0;font-size: 14px;line-height: 1.8;}
.footer-message{float: right;width: 20%;}

.foot_bg{ background-color:#000; overflow:hidden; /*border-top:1px solid #fff;*/}

.foot_con{ width:98%; margin:0 auto; overflow:hidden;}

.foot_con .foot_con_l{ float:left; overflow:hidden;}

.foot_con .foot_con_l .foot_con_a{ line-height:30px; font-size:14px; color:#c7c7c7; overflow:hidden; margin-bottom:4%; margin-top:1%;}

.foot_con .foot_con_l .foot_con_a a{ color:#c7c7c7;}

.foot_con .foot_con_l .foot_con_a a:Hover{ color:#023793;}

.foot_con .foot_con_l .foot_con_logo{margin-top:30px; display:block; clear:both;}

.foot_con .foot_con_r{ float:right;padding-top:30px;}

.foot_con .foot_con_r img{ width:80px; float:right; margin-bottom:30px; margin-left:12px;}

.foot_con .foot_con_r ul{ float:right;font-size:12px; color:#c7c7c7; line-height:30px; margin-bottom:20px; }

.foot_con .foot_con_r ul li{ display:block;text-align:right; overflow:hidden;height:26px; line-height:28px;}

.foot_con .foot_con_r ul li a:hover{ color:#023793;}

.foot_con .foot_con_r ul li .tel{ float:right; padding-left:14px;color:#c7c7c7; background:url(../images/foot_pic1.png) left 4px no-repeat;  }

.foot_con .foot_con_r ul li .email{ float:right; padding-left:25px;color:#c7c7c7; background:url(../images/foot_pic2.png) left center no-repeat;  }



.foot_bg2{ background-color:#023793; height:39px; line-height:39px; color:#fff; text-align:left; overflow:hidden;}

.foot_bg2 a{color:#fff;}

.foot_con2{ width:97%; margin:0 auto; max-width:1182px; overflow:hidden;}

.foot_bg2 .foot_con2 .footer_fx_r{ float:right;}

.foot_bg2 .foot_con2 .footer_fx_r li{ float:left;margin-left:9px; width:22px; height:22px; margin-top:9px; cursor:pointer;}

.foot_bg2 .foot_con2 .footer_fx_r li a{ display:block;}

.foot_bg2 .foot_con2 .footer_fx_r li:Hover{opacity:0.8; filter:alpha(opacity=80);}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin{ background:url(../images/i_foot_pic2.png) center center no-repeat;}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_qq{ background:url(../images/i_foot_pic3.png) center center no-repeat;}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_weibo{ background:url(../images/i_foot_pic4.png) center center no-repeat;}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_sinna{ background:url(../images/i_foot_pic5.png) center center no-repeat;}

.foot_bg2 .foot_con2 .footer_fx_r .ewm{ width:203px; height:201px;background:url(../images/ewm.png) no-repeat; margin-top:-210px; position:absolute; margin-left:-90px; display:none; }

.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin:hover .ewm{ display:block;}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin{opacity:1; filter:alpha(opacity=100);}

.foot_bg2 .foot_con2 .footer_fx_r img{ margin-left:24px; margin-top:22px; width:150px; height:150px; }

.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;

-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;

-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;

}

.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

.section {padding: 4% 0;}
.section-title {margin-bottom: 40px;text-align: center;font-size: 36px;}
.section-title p {color: #999;font-size: 18px;margin: 5px 0 0;text-transform: uppercase;}
.section-title:after {display: block;content: '';width: 38px;height: 3px;margin: 15px auto 0;background-color: #023793;}

.in-prod-menu {text-align: center;font-size: 0;margin-bottom: 20px;}
.in-prod-menu li {display: inline-block;vertical-align: middle;}
.in-prod-menu li a {display: block;margin: 0 5px 15px;font-size: 16px;line-height: 50px;position: relative;background: url(../images/pro-btn-h.png) no-repeat center / 100% 100%;width: 200px;color: #fff;}
.in-prod-menu li .hoverbox{background: url(../images/pro-btn.png) no-repeat center / 100% 100%;}


.list-1 li {float: left;width: 25%;}
.list-1 li a {display: block;margin: 20px 0 0 20px;}
.list-1 li .img-cover {border: 1px solid #ddd;height: 15vw;overflow: hidden;}
.list-1 li .img-cover img{width: 100%;height: 100%;object-fit: cover;}
.list-1 li .text {line-height: 40px;background-color: #023793;text-align: center;margin: 2px 0 0;position: relative;}
.list-1 li .text:before {content: '';position: absolute;left: 50%;width: 0;height: 100%;background-color: #e6e6e6;transition: all 0.5s;}
.list-1 li .text p {color: #fff;margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 1;transition: all 0.5s;}
.list-1 li a:hover .img-cover span {transform: scale(1.1);}
.list-1 li a:hover .text:before {width: 100%;left: 0;}
.list-1 li a:hover .text p {color: #333;}
.list-1-1 li {width: 33.333333%;}
.bg1 {background: url(../images/ys-bg.jpg) no-repeat center / cover;}
.bg2 {background: url(../images/ys-bg2.jpg) no-repeat center / cover;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}
.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.in-ys-tel {display: block;background: url(../images/ys-consult.png) no-repeat left center;line-height: 42px;color: #023793;padding-left: 64px;margin: 30px auto 0;width: 326px;}
.in-ys-tel strong {font-size: 20px;}
.in-ys dl {margin: 0;padding: 50px 0;border-bottom: solid 1px #C4C4C4;}
.in-ys dl:last-child {border-bottom: 0;}
.in-ys dt {float: right;width: 500px;}
.in-ys dd {margin: 0 550px 0 0;}
.in-ys dd h4 {padding-bottom: 15px;margin: 0 0 30px;overflow: hidden;}
.in-ys dd h4 i {float: left;font-style: normal;color: #fff;background-color: #023793;width: 77px;line-height: 77px;text-align: center;border-radius: 50%;font-family: Impact;font-size: 48px;}
.in-ys dd h4 span {display: block;margin-left: 100px;font-size: 44px;line-height: 1;color: #023793;padding: 8px 0; font-weight: bold;}
.in-ys dd h4 small {display: block;color: #333;font-size: 12px;text-transform: uppercase;margin-top: 5px;}
.in-ys dd p {margin: 10px 0 0;line-height: 2;color: #666;background: url(../images/ys-icon.png) no-repeat left center;padding-left: 20px;}
.in-ys dd .text {margin-left: 70px;}
.in-ys dd .btn {margin-top: 30px;}
.in-ys dd .btn a {display: inline-block;margin-right: 15px;line-height: 38px;background-color: #023793;color: #fff;padding: 0 30px;}
.in-ys dd .btn .tel {display: inline-block;line-height: 38px;background: url(../images/ys-tel.png) no-repeat 0 center;padding-left: 44px;}
.in-ys dd .btn .tel strong {font-size: 22px;color: #023793;}
.in-ys dl:nth-child(even) dt {float: left;}
.in-ys dl:nth-child(even) dd {margin: 0 0 0 550px;}
.in-ys-list {}
.in-ys-list li {float: left;width: 20%;position: relative;background: url(../images/ys2-line.png) no-repeat center;}
.in-ys-list li .ys-circle {-webkit-animation: circle 10s infinite linear;animation: circle 10s infinite linear;width: 154px;height: 146px;margin: 0 auto;}
.in-ys-list li .ys-circle img {display: block;width: 100%;height: 100%; transition: all 0.6s; }
.in-ys-list li .icon {position: absolute;top: 0;left: 0;width: 100%;text-align: center;color: #fff;}
.in-ys-list li .icon img {display: block; margin: 40px auto 4px;}
.in-ys-list li .icon h3 {margin: 0;font-weight: normal;font-size: 15px;}
.in-about {margin: 0;}
.in-about dt {float: left;width: 530px;}
.in-about dd {margin-left: 580px;}
.in-about dd h4 {margin: 0 0 20px;font-size: 22px;}
.in-about dd h4 small {display: block;color: #999;font-weight: normal;font-size: 14px;}
.in-about dd h4:after {display: block;content: '';width: 38px;height: 3px;margin: 10px 0 0;background-color: #023793;}
.in-about dd p {margin: 0;text-align: justify;color: #666;line-height: 1.8;}
.in-about dd .btn {margin-top: 30px;}
.in-about dd .btn a {display: inline-block;margin-right: 15px;line-height: 38px;background-color: #023793;color: #fff;padding: 0 30px;}

.in-about-class {margin: 15px 0 0 -20px;}
.in-about-class li{float: left;width: 25%; overflow: hidden;}
.in-about-class li a {display: block;margin: 15px 0 0 20px;position: relative;}
.in-about-class li img {display: block;}
.in-about-class li .pic{width: 302px;}
.in-about-class li .icon{position: absolute; color: #fff; width: 100%; text-align: center;}
.in-about-class li .icon img{display: block; margin: 35px auto 7px;}
.in-about-class li .icon strong{display: block; font-size: 20px;  line-height: 20px; font-weight: bold;}
.in-about-class li .icon b{display: block; font-size: 12px; font-weight: normal;}
.in-about-class li .bg{position: absolute; background: rgba(2,55,147,0.8); width: 100%; height: 100%; opacity: 0;}
.in-about-class li:hover .bg{opacity: 1;}
.in-about-class li .line::before,.in-about-class li .line::after { position: absolute; content: ''; opacity: 0;}
.in-about-class li .line::before { top: 8px;right: 8px; bottom: 8px; left: 8px; border-top: 1px solid #fff;  border-bottom: 1px solid #fff;    transform: scale(0,1);  transform-origin: 0 0;}
.in-about-class li .line::after { top: 8px;right: 8px; bottom: 8px;left: 8px;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.in-about-class li .line::before,.in-about-class li .line::after{transition: opacity 0.35s, transform 0.35s;}
.in-about-class li:hover .line::before,.in-about-class li:hover .line::after {opacity: 1;transform: scale(1);}
.in-about-class li:hover .line::before,.in-about-class li:hover .line::after{transition-delay: 0.05s;}
.newsb{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsb dl{ width: 630px; height: 100px; padding-bottom: 30px; border-bottom: 1px dashed #D4D4D4; margin-bottom: 30px;}
.newsb dl .sj{ width: 100px; padding-bottom: 10px; float: left; margin-right: 20px; background: #F8F8F8; text-align: center; color: #888888;}
.newsb dl .sj ul{ line-height: 66px; font-size: 48px;}
.newsb dl .sj ol{ line-height: 24px; font-size: 18px;}
.newsb dl dt{ line-height: 31px; margin-bottom: 11px;}
.newsb dl dt a{ font-size: 18px; color: #272727; font-weight: bold;}
.newsb dl dd{ line-height: 27px; color: #888888; font-size: 14px;}
.newsb dl:hover .sj{ background: #023793; color: #fff;}
.newsb dl:hover dt a{ color: #023793; padding-left: 20px;}
.newsb dl:nth-child(1) .sj{ background: #023793; color: #fff;}
.newsb dl:nth-child(1) dt a{ color: #023793;}
 
/* 侧边工具栏*/
#toolbar {position:fixed;z-index:9999;right:17px;bottom:10%;}
#toolbar li {margin-bottom:3px;font-size:0;width:57px;height:57px;right:0;position:relative;}
#toolbar li a {display:block;position:absolute;z-index:9;right:0;top:0;width:57px;height:57px;overflow:hidden;background:#292e39;-webkit-transition:all .5s ease;transition:all .5s ease;white-space:nowrap;font-size:0;}
#toolbar li .icon-font {display:inline-block;vertical-align:middle;width:57px;height:57px;background-color:#d9d9d9;}
#toolbar li .icon-qq:after {background-position:0 -150px;}
#toolbar li .icon-phone:after {background-position:0 -90px;}
#toolbar li .icon-ewm:after {background-position:0 -30px;}
#toolbar li .icon-message:after {background-position:0 -120px;}
#toolbar li .icon-top:after {background-position:0 -60px;}
#toolbar li .icon-wangwang:after {background-position:0 0;}
#toolbar li .wz {display:inline-block;line-height:57px;font-size:14px;color:#fff;vertical-align:middle;padding-left:10px;}
#toolbar li.ewm .ewm-box {position:absolute;z-index:1;padding:5px;background:#292e39;width:110px;right:120%;bottom:0;opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s;transition:all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom:0;}
#toolbar li.ewm .ewm-box img {max-width:100%;}
#toolbar li.ewm .ewm-box:after {content:'';position:absolute;right:-5px;bottom:20px;width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-width:5px;cursor:pointer;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #292e39;border-right:none;}
#toolbar li.ewm:hover .icon {background-position:-57px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);}
#toolbar li.backtop {cursor:pointer;}
#toolbar li.backtop .iconfont {color:#fff;background-color:#292e39;}
#toolbar li:hover a {width:200px;}
#toolbar li:hover .icon-font {background-color:#292e39;}
#toolbar li:hover .icon-qq:after {background-position:-30px -150px;}
#toolbar li:hover .icon-phone:after {background-position:-30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position:-30px -30px;}
#toolbar li:hover .icon-message:after {background-position:-30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position:-30px 0;}
#toolbar li:hover .icon-top:after {background-position:-30px -60px;}
.icon-font {position:relative;}
.icon-font:after {content:"";width:30px;height:30px;background-image:url(../images/icon_spirit.png);background-repeat:no-repeat;position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);}
/* 内页联系我们 */
.conLeft{text-indent: 0;width: 50%;border-right: 1px solid #ccc;box-sizing: border-box;}
.conRight{width: calc(50% - 20px);padding-left: 20px;}
.conRight .welcomeBox{font-size: 20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;text-indent: 0;font-weight: bold;color: #023793;}





/*------------------------ 首页新样式 ------------------------*/
.flex{display: flex;justify-content: space-between;}
.flexwrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.vimg{width: 100%;height: 100%;object-fit: cover;}

/* 搜索 */
.searchbox{margin-top: 10px;background: #f1f1f1;line-height: 35px;padding: 10px;}
.searchbox .inpbox{border: none;outline:none;padding: 0 10px;width: 210px;}
.searchbox .subbox{border: none;outline:none;width: 40px;background: url(../images/search.png) no-repeat center center #e96503;}
/* 产品 */
.showbox{margin-top: 40px;}
.pro-box .oul{display: none;}
.oul li {float: left;margin-right: 2%;width:23%;height:441px;background:linear-gradient(to bottom,#ffffff,#e0e0e0);position:relative;cursor:pointer;}
.oul li:nth-child(4n){margin-right: 0;}
.oul li:hover {background:#f8f8f9;}
.oul li:hover .duceBut_Wz {margin-top:-43px;}
.oul li:hover .p1,.oul li:hover .p2 {font-weight:bold;}
.oul li:hover .p3,.oul li:hover .p4 {opacity:1;}
.oul li:hover .duceBut_Tp {margin-top:40px;}
.duceBut_Tp {width:80%;overflow:hidden;margin:0 auto;margin-top:60px;}
.duceBut_Tp img {width:100%;transition:all 0.5s;}
.oul li:hover img {margin-top:0;transform:scale(0.8);}
.duceBut_Wz {width:100%;height:auto;text-align:center;transition:all 0.5s;margin-top:0;}
.duceBut_Wz .p1 {width:183px;font-size:18px;color:#333333;margin:0 auto;margin-top:53px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.duceBut_Wz .p3 {width:220px;font-size:14px;color:#999999;text-align:center;line-height:25px;margin:0 auto;margin-top:27px;opacity:0;transition:0.8s linear;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.duceBut_Wz .p4 {width:85px;height:2px;position:absolute;left:50%;bottom:0;margin-left:-42.5px;background-color:#ff853a;opacity:0;transition:0.8s linear;}

/* 行业应用 */
.cation {width:100%;height:auto;}
.cation_Map ul li{float: left;width: 20%;text-align: center;padding: 40px 0;font-size: 16px;cursor: pointer;background: #f1f1f1;position: relative;z-index: 3;overflow: hidden;}
.cation_Map ul li em{position: absolute;left: 0;top: -100%;z-index: -1; width: 100%;height: 100%;background: linear-gradient(#3892ff,#023793);transition: .5s;}
.cation_Map ul li+li{border-left: 1px solid #ccc;}
.cation_Map ul .change{color: #fff;}
.cation_Map ul .change em{position: absolute;left: 0;top: 0;z-index: -1; width: 100%;height: 100%;background: linear-gradient(#3892ff,#023793);transition: .5s;}

.cation_Black{margin-top: 40px;}
.cation_Black_Max+.cation_Black_Max {display: none;}
.cation_Left {width:48%;height:447px;overflow:hidden;float:left;margin-bottom:102px;}
.cation_Left img {width:100%;height:100%;object-fit:cover;}
.cation_Right {width:48%;height:auto;float:right;position:relative;}
.cation_Right .p1 {font-size:24px;font-weight:bold;color:#333333;margin-top:70px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cation_Right .p2 {min-height:90px;font-size:16px;color:#666666;margin-top:38px;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.cation_Right .p3 {font-size:18px;color:#3b3d42;margin-top:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cation_Right .p3 span {color:#ff853a;margin-left:31px;}
.cation_Right .p4 {font-size:18px;color:#3b3d42;margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cation_Right .p4 span {color:#ff853a;margin-left:31px;}
.cation_Right .duo{margin-top: 30px;}
.cation_Right .duo a{float: left;width: 200px;line-height: 45px;font-size: 16px;background: #023793;color: #fff;text-align: center;margin-right: 10px;}
.cation_Right .duo a:hover{background: #ff853a;}

/* 关于我们 */
.aboutbox{padding: 4% 0;background: #f1f1f1;position: relative;}
.aboutbox .aboutRight{position: absolute;right: 0;top: 0;width: 48%;height: 100%;}
.aboutLeft{width: 50%;}
.aboutLeft strong{font-size: 30px;}
.aboutLeft .line{width: 40px;height: 3px;background: #023793;margin: 10px 0 40px;}
.aboutLeft .dcon{font-size: 16px;color: #666;text-indent: 32px;line-height: 2;}
.aboutLeft a{display: block;width: 160px;line-height: 45px;background: #023793;color: #fff;margin-top: 40px;text-align: center;}
.aboutLeft a:hover{background: #ff853a;}

/* 生产实力 */
.workbox{padding: 4% 0;}
.actiCon {padding:30px 0 0 0;}
.conL {width:50%;height:445px;float:left;position:relative;overflow:hidden;cursor:pointer;}
.conL img {width:100%;height:100%;display:block;background:#f8f8f9;object-fit:cover;transition:all .3s;}
.conR {width:50%;float:left;}
.conR .videItem {width:calc(50% - 15px);margin:0 0 15px 15px;height:215px;float:left;position:relative;overflow:hidden;cursor:pointer;}
.videItem img {width:100%;height:100%;display:block;background:#f8f8f9;object-fit:cover;transition:all .3s;}
.videItem:hover img,.conL:hover img {transform:scale(1.1);}
.conL .title {width:100%;padding:0 20px;line-height:40px;height:40px;font-size:18px;position:absolute;bottom:0;left:0;background: #ff853a;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:bold;}
.videItem .title {padding:0 20px;line-height:40px;height:40px;font-size:18px;position:absolute;bottom:0;left:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;background:#ff853a;font-weight:bold;color:#fff;}

/* 荣誉资质 */
.honorbox{padding: 4% 0 ;background: #f1f1f1;}
.honorBody p{font-size: 16px;line-height: 45px;background: #023793;color: #fff;text-align: center;}
.honorBody .swiper-slide:hover p{background: #ff853a;}
.honorBody .swiper{padding-bottom: 5vw;}
.honorBody .swiper .swiper-slide .ss{padding: 15px;overflow: hidden;background: #f1f1f1;}
.honorBody .swiper .swiper-slide .ss img{width: 100%;}
.honorBody .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 18px;left: 0;z-index: 9999;}
.honorBody .swiper-pagination{text-align: center;}
.honorBody .swiper-pagination-bullet {display: inline-block;width:5px;height:5px;background-color:#ff853a;opacity:1;margin:15px !important;}
.honorBody .swiper-pagination-bullet-active {width:35px;height:35px;border-radius:50%;border:1px solid #ff853a;box-sizing:border-box;background:none;position:relative;margin:0 !important;}
.honorBody .swiper-pagination-bullet-active::after {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:attr(data-index);color:#ff853a;}

/* 应用领域 */
.lingyu{padding: 4% 0;}
.sevenbox li{width: 14.28%;}
.sevenbox li .lbox{width: 150px;height: 150px;overflow: hidden;margin: 0 auto;border-radius: 100px;padding: 7px;background: #e3e3e3;box-shadow: 2px 6px 10px #a5a5a5;transition: .5s;}
.sevenbox li p{font-size: 18px;line-height: 45px;text-align: center;font-weight: bold;}
.sevenbox li img{border-radius: 100px;}
.sevenbox li:hover .lbox{transform: rotateY(360deg);}
.sevenbox li:hover p{color: #ff853a;}

/* 新闻中心 */
.newsbox{padding: 4% 0;background: #f1f1f1;}
.q_news_item{width: 23.5%;float:left;margin:0 2% 0 0;}
.q_news_item:last-child{margin:0;}
.q_news_item_img{overflow:hidden;height: 298px;}
.q_news_item_img img{width: 100%;height: 100%;object-fit: cover;}
.q_news_item_img .img{display: block;padding:52.17% 0 0;}
.q_news_item_txt{width:100%;margin:10px auto 0;position: relative;}
.q_news_item_date{position: relative;font-size: 0;}
.q_news_item_date span{display: inline-block;font-size: 14px;color:#777;line-height: 25px;}
.q_news_item_date span.span2{display: none;}
.q_news_item_date span.span3{position: absolute;left:10px;top:-40px;width:65px;padding:0 5px;text-align: center;font-size:43px;color:#fff;line-height:60px;background-color: #ff853a;font-weight: 400;}
.q_news_item_h a{outline: none;display: block;width:100%;font-size: 16px;color:#252525;text-align: justify;line-height: 25px;height:25px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_news_item_h a:hover{color: #ff853a;}
.q_news_item_p{margin:10px auto 0;font-size: 14px;color:#999;text-align: justify;line-height: 22px;height:44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/* 尾部 */
.banTit_phmax{width:100%;margin-top:20px}
.banTit_phmax .left{width:16px;height:18px;float:left;margin-left:9px}
.banTit_phmax .left img{width:100%;height:auto;object-fit:cover}
.banTit_phmax p{font-size:20px;color:#fff;font-family:IMPACT;float:left;line-height:18px;margin-left:12px}
.banTit_emali{width:100%;height:18px;margin-top:26px}
.banTit_emali .left{width:16px;height:12px;float:left;margin-left:10px}
.banTit_emali .left img{width:100%;height:auto;object-fit:cover}
.banTit_emali p{font-size:20px;color:#fff;font-family:IMPACT;float:left;line-height:18px;margin-left:14px}
.banTit_api{width:100%;height:auto;margin-top:30px}
.banTit_api .left{width:14px;float:left;margin-left:11px;margin-top:7px}
.banTit_api .left img{width:100%;height:auto;object-fit:cover}
.banTit_api p{width: 200px;font-size:14px;color:#fff;float:left;margin-left:14px;}

.center_div{text-align: center;}
.center_div li{display: inline-block;font-size: 16px;width: 180px;line-height: 40px;margin: 0 auto;background: #ff853a;color: #fff;cursor: pointer;text-align: center;border-radius: 100px;}
.center_div li a{color: #fff;}
.center_div span{font-weight: bold;}
.center_div li:hover{background: #023793;}

@media screen and (max-width: 1400px) {
	.q_news_item_img{height: 265px;}
	.footer-contact{padding-right: 4%;width: 12%;}
	.footer-message{width: 38%;}
	
}

@media screen and (max-width: 1020px) {
	.conLeft{float: inherit;width: 100%;text-align: center !important;border-right: none;}
	.conRight{float: inherit;width: 100%;margin-top: 20px;}
	#toolbar{display: none;}
	.footer-message{width: 100% !important;float: inherit;}
	.footer-contact{width: 19% !important;}
	.form_table th{display: none !important;}
}

@media screen and (max-width: 1370px) {

/*PC导航*/

.nav .m{ width:96px;}



}



@media screen and (max-width: 1200px) {
	.q_news_item_img{height: 225px;}
	.footer-message{width: 24%;}
	

/* 手机导航全局 */

.blank_h{ height:90px;}

.nav-hide .blank_h{ height:90px;}

.header-v1{ display:none;}

.touch-top{ display:block;}

.top_search{ width:90%; overflow:hidden; margin-bottom:10px; margin-top:0;background:url(../images/search_bg.png) #eee right center no-repeat; margin-right:5%;}

}

@media screen and (max-width: 1000px) {

/*尾部*/

.foot_con .foot_con_l{ width:100%; text-align:center;}

.foot_con .foot_con_l img{ margin:0 auto;}

.foot_con .foot_con_r{ width:100%; text-align:center; padding-top:0;}

.foot_con .foot_con_r img{ float:none; margin:0 auto; margin-left:auto; margin-bottom:2%;}

.foot_con .foot_con_r ul{ float:none;}

.foot_con .foot_con_r ul li{ text-align:center;}

.foot_con .foot_con_r ul li .tel{ float:none; clear:both; display:inline-block;}

.foot_con .foot_con_r ul li .email{ float:none; clear:both; display:inline-block;}

}



@media screen and (max-width: 780px) {

.oul li{width: 49% !important;}
	.oul li:nth-child(even){margin-right: 0;}
	.duceBut_Wz .p1{margin-top: 20px !important;}
	.cation_Left{height: 250px !important;}
	.cation_Right .p1{margin-top: 0 !important;}
	.cation_Right .duo a{width: 140px !important;}
	.aboutLeft{width: 100% !important;}
	.aboutbox .aboutRight{position: inherit !important;width: 100% !important; height: 300px !important;margin-top: 20px;}
	.conL{width: 100% !important;margin-bottom: 15px !important;}
	.conR{width: 100% !important;}
	.conR .videItem{width: 47% !important;margin-top: 15px !important;}
	.conR .videItem+.videItem{margin-bottom: 15px;}
	.sevenbox li{width: 23.28% !important;}
	.lingyu ul{flex-wrap: wrap;}
	.q_news_item_img{height: 171px !important;}

}



@media screen and (max-width: 640px) {
.product_ul{width: 100% !important;margin-top: 20px;}
.footer-contact:nth-child(5){display: none !important;}
.banTit_api p{width: 70%;}
.pages{flex-wrap: wrap;}
/* 手机导航全局 */

.blank_h{ height:80px;}

.nav-hide .blank_h{ height:80px;}

.touch-top-wrapper .touch-logo img{ }

.touch-toggle li i{ margin-top:20px;}

.touch-menu ul li a{ font-size:16px; height:40px; line-height:40px;}

}
@media screen and (max-width: 530px) {
	.conR .videItem{width: 46% !important;height: 170px;}
	.honorBody .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display: none;}
	.sevenbox li .lbox{width: 100px;height: 100px;}
}


@media screen and (max-width: 480px) {
	.nivo-directionNav a{display: none !important;}
	.section-title{font-size: 25px;}
	.section-title p{font-size: 16px;}
	.oul li{height: auto;}
	.duceBut_Wz .p1{display: block;font-size: 16px;margin-top: 0;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.duceBut_Wz .p3{display: none;}
	.cation_Left{float: inherit;width: 100%;margin-bottom: 5%;}
	.cation_Right{float: inherit;width: 100%;}
	.cation_Right .p3{margin-top: 5%;}
	.aboutbox{margin-top: 4%;}
	.aboutLeft strong{font-size: 25px;}
	.aboutLeft .line{margin: 10px 0 20px;}
	.section-title{margin-bottom: 20px;}
	.actiCon{padding: 0;}
	.conL{height: 250px;}
	.conR .videItem{margin: 0 1.5% 0;}
	.videItem .title{font-size: 14px;}
	.q_news_item_img{height: 100px !important;}
	.q_news_item{float: inherit;width: 100%;margin: 5% 0 0 0;}
	.q_news_item_img{height: 250px !important;}
	.sevenbox li .lbox{width: 80px;height: 80px;padding: 3px;}

/* 手机导航全局 */

.blank_h{ height:70px;}

.nav-hide .blank_h{ height:70px;}

.touch-top-wrapper .touch-logo img{ }

.touch-toggle li{ padding-left:8px; padding-right:8px;}

.touch-toggle li i{ width:26px; height:26px; margin-top:12px;}

.touch-menu ul li a{ font-size:14px; height:36px; line-height:36px;}

}
@media screen and (max-width: 450px) {
	.in-prod-menu li a{width: 150px;line-height: 40px;}
	.duceBut_Wz .p1{font-size: 14px;width: 100%;}
	.cation_Right .p1{font-size: 18px;}
	.cation_Right .p3,.cation_Right .p4{font-size: 16px;}
	.footer-tit{font-size: 16px;}
	.footer-contact{width: 25% !important;margin-left: 0 !important;}
}