@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
input,textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;}
html,body{font-size:16px;}
@media only screen and (max-width:1680px){
	html,body{font-size:14px;}
}
@media only screen and (max-width:1480px){
	html,body{font-size:12px;}
}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1240{max-width:1240px; width:90%;}
img{max-width:100%; max-height:100%;vertical-align: middle;}
section.i_md{ width: 100%; overflow: hidden; }
/* top_bg */
.top_h,.top_bg .width1240,.top_bg .width1240 a.logo,.top_bg .width1240 div.dh{ height: 9.375rem; }
.top_bg{ position: fixed; width: 100%; top: 0px; left: 0px; background-color: #ffffff; z-index: 999999; }
.top_bg.now{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
.top_bg .width1240{ position: relative; }
.top_bg .width1240 a.logo{ display: block; float: left;display:flex; align-items:center; }
.top_bg .width1240 div.lm{ height: 9.375rem; line-height: 9.375rem; float: right; }
.top_bg .width1240 div.lm a{ font-size: 1.125rem; color: #373737; padding: 0.5rem;}
.top_bg .width1240 div.lm a:hover{ background-color: #455676; color: #ffffff; }
.top_bg .width1240 div.dh{ float: right;display:flex; align-items:center; margin-left: 1.5rem;}
.top_bg .width1240 div.dh div{ padding-left:1.75rem;font-size:1.125rem;background:url(../images/dh.png) no-repeat scroll left 0.25rem;background-size:1.25rem;}
.top_bg .width1240 div.dh div dd{ color: #e11b31; }
.top_bg .width1240 div.dh div dl{ color: #373737; }
.top_bg .width1240 a.yy{ position: absolute; font-size: 1rem; color: #ffffff; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; text-align: center; background-color: #455676; border-radius: 50%; right: 0px; margin-right: -3.5rem; top: 50%; margin-top:-1.125rem; }
.top_bg .width1240 a.yy:hover{ background-color: #e11b31; }

/* banner */
.banner{ position:relative; overflow:hidden; z-index: 10;}
.banner .slides{ overflow:hidden;}
.banner .slides li{ height:50rem; position: relative;}
.banner .slides li i{ position:absolute;left:0px;right:0px;bottom:0px;top:0px; background-repeat:no-repeat;background-position:center;background-size:cover;}
.banner .flex-control-nav{ position:absolute; bottom:0.75rem; width:100%; text-align:center;}
.banner .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:1.5rem;height:4px; cursor: pointer;position: relative;overflow: hidden;}
.banner .flex-control-nav li a{text-indent:-99em; position:absolute; left:0px; right:0px; bottom:0px;top:0px; background-color:#ffffff;}
.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:#ff0000;}
.banner .flex-direction-nav{display: none;}

/*i_tit*/
.i_tit{ text-align: center; color: #0d121c; font-weight: bold;}
.i_tit dd{ font-size: 2.625rem; }
.i_tit dl{ font-size: 1.5rem; margin-top: 0.5rem;}

/*i_cp*/
.i_cp{ padding-top: 4.5rem; }
.i_cp ul,.i_cp ul li{ overflow: hidden; }
.i_cp ul{ margin-top: 2rem; }
.i_cp ul li{ float: left; width: 33.333333%; margin-bottom:1.25rem; }
.i_cp ul li a{ display: block; width: 94%; max-width: 385px; margin:0px auto 0.75rem; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.6);}
.i_cp ul li a div{ overflow: hidden; }
.i_cp ul li a div.t{ height:23.75rem; position: relative; }
.i_cp ul li a div.t i{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; background-repeat:no-repeat; background-position:center; background-size: cover; transition:all 1s ease;}
.i_cp ul li a:hover div.t i{transform: scale(1.1);transition: all 1s ease;}
.i_cp ul li a div.f{ height: 5.875rem; }
.i_cp ul li a div.f dd,.i_cp ul li a div.f dl{ padding: 0px 4%; }
.i_cp ul li a div.f dd{ margin-bottom: 0.5rem; margin-top: 1.5rem; }
.i_cp ul li a div.f dd span{ position: relative; font-size: 1rem; display: block; color: #0d121b; font-weight: bold;padding-right:3.25rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.i_cp ul li a:hover div.f dd span{ color: #ff0000; }
.i_cp ul li a div.f dd span i{ position:absolute; width:0.625rem; height:0.625rem;top:50%; background:url(../images/d.png) no-repeat; background-size: 100%; margin-top:-0.3125rem; animation: d_h 2s linear infinite;}
.i_cp ul li a div.f dd span i.d1{ right: 2rem; animation-delay: 0s;}
.i_cp ul li a div.f dd span i.d2{ right: 1rem; animation-delay: 0.5s;}
.i_cp ul li a div.f dd span i.d3{ right: 0px; animation-delay:  1s;}
.i_cp ul li a div.f dl{ font-size:0.75rem; color: #0d121b; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }

@-webkit-keyframes d_h{ 0%,100%{opacity:1;} 50%{ opacity:0.1;}}
@keyframes d_h{ 0%,100%{opacity:1;} 50%{ opacity:0.1;}}

/*i_lyyy*/
.i_lyyy{ padding: 4rem 0px 6rem; }
.i_lyyy ul,.i_lyyy ul li{ overflow: hidden; }
.i_lyyy ul{ margin-top: 2.5rem; }
.i_lyyy ul li{ float: left; width: 25%; border-top: 1px dashed #8c8c8c; margin-top: -1px; position: relative; padding: 1.5rem 0px; text-align: center;}
.i_lyyy ul li i{ position: absolute; left: 0px; top: 0px; bottom: 0px; border-left:1px dashed #8c8c8c; }
.i_lyyy ul li.l1 i,.i_lyyy ul li.l5 i{ display: none; }
.i_lyyy ul li ol{ height: 5.5rem; }
.i_lyyy ul li ol img{ max-width:90%; max-width: 98px; }
.i_lyyy ul li dl{ margin-top: 1.5rem; font-weight: bold; font-size:1.125rem; color: #4a4a4a; }

/*i_jjfa*/
.i_jjfa{ position: relative; height: 50rem;  overflow: hidden;}
.i_jjfa i.bg{ position:absolute;left:0px;bottom:0px;right:0px;top:0px;z-index:0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.i_jjfa .width1240{ position: relative; z-index: 2; }
.i_jjfa .width1240 div.t{ text-align: center; padding-top:3.75rem; padding-bottom: 1.5rem; }
.i_jjfa .width1240 .i_tit{ color: #111826; }

/*i_gynt*/
.i_gynt{ padding-top:6rem; padding-bottom: 5.5rem;}
.i_gynt ul,.i_gynt ul li{ overflow: hidden; }
.i_gynt ul{ margin-top: 2.5rem; }
.i_gynt ul li{ float: left; width: 16.66666666667%; border-top: 1px dashed #8c8c8c; margin-top: -1px; position: relative; padding: 1.5rem 0px; text-align: center; position: relative; }
.i_gynt ul li i{ position: absolute; left: 0px; top: 0px; bottom: 0px; border-left:1px dashed #8c8c8c; }
.i_gynt ul li.l1 i,.i_gynt ul li.l7 i{ display: none; }
.i_gynt ul li ol{ height: 2.75rem; }
.i_gynt ul li ol img{ max-width:90%; max-width: 62px; }
.i_gynt ul li dl{ margin-top: 1.5rem; font-weight: bold; font-size:1.125rem; color: #4a4a4a; }

/*i_anjj*/
.i_anjj{ position: relative; overflow: hidden;}
.i_anjj i.bg{ position:absolute;left:0px;bottom:0px;right:0px;top:0px;z-index:0;background-repeat:no-repeat; background-position:center;background-size:cover;}
.i_anjj .width1240{ position: relative; z-index: 2; height: 38.125rem; display:flex; align-items:center; }
.i_anjj .width1240 div.bg{ width: 100%; overflow: hidden; color: #ffffff;}
.i_anjj .width1240 div.bg div.t{ overflow: hidden; }
.i_anjj .width1240 div.bg div.t dl{ overflow: hidden; }
.i_anjj .width1240 div.bg div.t dl.l{ float: left; font-size: 3.75rem; font-weight: bold;}
.i_anjj .width1240 div.bg div.t dl.r{ float: right; font-size: 1.875rem;}
.i_anjj .width1240 div.bg ul.f,.i_anjj .width1240 div.bg ul.f li{ overflow: hidden; }
.i_anjj .width1240 div.bg ul.f{ margin-top: 4rem; margin-left: -3%;}
.i_anjj .width1240 div.bg ul.f li{ float: left;}
.i_anjj .width1240 div.bg ul.f li.l{ border-left:1px dashed #ffffff; margin-left:-1px; width: 13%; text-align: center;}
.i_anjj .width1240 div.bg ul.f li.l ol{ height: 3rem; margin-bottom: 0.5rem;}
.i_anjj .width1240 div.bg ul.f li.l dd{ font-size:1.5rem; }
.i_anjj .width1240 div.bg ul.f li.r{ margin-left: 5%; }
.i_anjj .width1240 div.bg ul.f li.r dd{ font-size: 1.5rem; margin-bottom: 0.5rem;}
.i_anjj .width1240 div.bg ul.f li.r dl{ font-size: 2.25rem; color: #ff0000; font-weight: bold; font-family:Impact; line-height: 3rem;}
.i_anjj .width1240 div.bg ul.f li.r dl img{ margin-right:0.75rem; }

/*i_kh*/
.i_kh{ padding-top:4.5rem; }
.i_kh .con{ font-size:0.875rem; color: #0d121c; text-align: center; margin-top: 1.5rem;}
.i_kh .con span{ padding-left: 16px; background: url(../images/x.png) no-repeat scroll left center;}
.i_kh ul,.i_kh ul li{ overflow: hidden; }
.i_kh ul{ margin:0.5rem 0px; }
.i_kh ul li{ float: left; width: 12.5%; }
.i_kh ul li div{box-shadow:0px 4px 8px 0px rgba(0,0,0,0.6);width:90%;margin:0.75rem auto;height:8.125rem;overflow:hidden;position:relative;border-radius:1rem;}
.i_kh ul li div img{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; margin:auto; }

/*i_ldhx*/
.i_ldhx{ padding-top:5.5rem; padding-bottom: 8.75rem;}
.i_ldhx ul,.i_ldhx ul li{ overflow: hidden; }
.i_ldhx ul{ margin-top:2.5rem; min-height:710px; background-repeat:no-repeat; background-position:center top; background-size:100% auto; position: relative; }
.i_ldhx ul li{ position: absolute;width: 42%;}
.i_ldhx ul li dd,.i_ldhx ul li dl{ width: 60%;}
.i_ldhx ul li dd{ font-size: 1.125rem; color: #455676; font-weight: bold; position: relative; line-height: 2.3125rem;}
.i_ldhx ul li dd img{ position: absolute; height: 2.3125rem;}
.i_ldhx ul li dl{ font-size: 0.75rem; color: #686868; line-height: 1.5; margin-top: 1rem;}
.i_ldhx ul li img.i{ position: absolute; width:20%; max-width: 104px; top: 0.75rem;}

.i_ldhx ul li.l{ left: 0px; }
.i_ldhx ul li.r{ right: 0px; }
.i_ldhx ul li.l dd,.i_ldhx ul li.l dl{ float: left; text-align:left;}
.i_ldhx ul li.r dd,.i_ldhx ul li.r dl{float: right; text-align:right;}

.i_ldhx ul li.l dd{ padding-left:3.5rem; text-align:left;}
.i_ldhx ul li.l dd img{ left: 0px; }
.i_ldhx ul li.r dd{ padding-right:3.5rem; text-align:right; }
.i_ldhx ul li.r dd img{ right: 0px; }

.i_ldhx ul li i.x{ position: absolute;height: 1px; background-color: #a0a0a0; bottom: 0px; width: 65%;}
.i_ldhx ul li.l i.x{ left: 0px; }
.i_ldhx ul li.r i.x{ right: 0px; }
.i_ldhx ul li.l3 i.x,.i_ldhx ul li.l6 i.x{ display: none; }

.i_ldhx ul li.l1,.i_ldhx ul li.l4{ min-height: 10.25rem;}
.i_ldhx ul li.l2,.i_ldhx ul li.l5{top: 34%;min-height: 13.5rem;}
.i_ldhx ul li.l3,.i_ldhx ul li.l6{ top: 75%; min-height: 10rem;}

.i_ldhx ul li.l1 img.i{ right: 0px;}
.i_ldhx ul li.l2 img.i{ right: 30%;}
.i_ldhx ul li.l3 img.i{ right:2%;}

.i_ldhx ul li.l4 img.i{ left: 0px;}
.i_ldhx ul li.l5 img.i{ left: 30%;}
.i_ldhx ul li.l6 img.i{ left: 0px;}

.i_ldhx ul li.l4 dd,.i_ldhx ul li.l4 dl{ width: 57%;}
.i_ldhx ul li.l5 dd,.i_ldhx ul li.l5 dl{ width: 46%;}

/*i_lm*/
.i_lm{}
.i_lm ul,.i_lm ul li{ overflow: hidden; }
.i_lm ul{ padding: 1.5rem 0px; }
.i_lm ul li{ float: left; width: 25%; margin-bottom: 2rem; }
.i_lm ul li div{ padding-left: 5.5rem; position: relative; width:50%; margin:0px auto; max-width:112px; min-height: 4.5rem; }
.i_lm ul li div img{ position: absolute; left: 0px; width: 36%; max-width:72px; }
.i_lm ul li div dd{ font-size: 1.125rem; color: #0d121c; font-weight: bold; position: relative; margin-bottom: 0.5rem; padding-bottom: 0.5rem; }
.i_lm ul li div dd i{ position: absolute; bottom: 0px; left: 0px; width: 0.5rem; background-color: #313d53; height: 1px; }
.i_lm ul li div dl{ font-size:0.75rem; color: #4a4a4a; }

/*foot_bg*/
.foot_bg{ width: 100%; background-color: #455676; }
.foot_bg .width1240{ padding: 4rem 0px 2.5rem; }
.foot_bg .width1240 div.l{ float: left; width: 32%; overflow: hidden; }
.foot_bg .width1240 div.l a{ display: block; float: left; width: 25%; text-align: center; font-size:0.875rem; color: #c6d3e9; border-right: 1px solid #657593; padding: 1rem 0px; margin-right:-1px; }
.foot_bg .width1240 div.l a:hover{ color: #ffffff; }
.foot_bg .width1240 ul.r,.foot_bg .width1240 ul.r li{ overflow: hidden; }
.foot_bg .width1240 ul.r{ float: right; }
.foot_bg .width1240 ul.r.xx{ width: 27%; }
.foot_bg .width1240 ul.r.xx li{ margin-bottom: 0.5rem; }
.foot_bg .width1240 ul.r.xx li.t{ font-size: 0.875rem; color: #c6d3e9; }
.foot_bg .width1240 ul.r.xx li.p{ font-size: 2rem; color: #ffbc08;font-family: Impact; }
.foot_bg .width1240 ul.r.xx li.f{font-size: 0.875rem; color: #c6d3e9; background-position: left center; background-repeat: no-repeat; padding-left:2rem; background-size: auto 1.5rem; line-height: 1.5rem;}
.foot_bg .width1240 ul.r.xx li.g{ background-image: url(../images/f1.png); }
.foot_bg .width1240 ul.r.xx li.d{ background-image: url(../images/f2.png); }
.foot_bg .width1240 ul.r.xx li.t a{ color: rgb(255,255,255,0.5); }
.foot_bg .width1240 ul.r.ewm{ margin-right:3.5%; width: 18%; }
.foot_bg .width1240 ul.r.ewm li{ width: 46%; }
.foot_bg .width1240 ul.r.ewm li.l{ float: left; }
.foot_bg .width1240 ul.r.ewm li.r{ float: right; }
.foot_bg .width1240 ul.r.ewm li ol{ margin-bottom: 1rem; }
.foot_bg .width1240 ul.r.ewm li dd{ font-size: 0.875rem; color: #c6d3e9; line-height: 1.25rem; background: url(../images/sm.png) no-repeat scroll left center; background-size: auto 100%; padding-left: 2rem; }

/*动画效果*/
#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8,#i9{position:relative; padding-top: 30vh; margin-top:-30vh;}
#i1{ z-index:9;}
#i2{ z-index:8;}
#i3{ z-index:7;}
#i4{ z-index:6;}
#i5{ z-index:5;}
#i6{ z-index:4;}
#i7{ z-index:3;}
#i8{ z-index:2;}
#i9{ z-index:1;}

#i1 .i_cp ul li a div.t i{top: 100%; opacity: 0; }
#i1.on .i_cp ul li a div.t i{ top: 0px; opacity: 1;transition: all 1s ease;}

#i2 .i_lyyy ul li ol img{ margin-top: 4rem; opacity: 0; }
#i2.on .i_lyyy ul li ol img{ margin-top: 0px; opacity: 1;transition: all 1s ease;}

#i3 .i_jjfa .width1240{ margin-top: 4rem; opacity: 0; }
#i3.on .i_jjfa .width1240{ margin-top: 0px; opacity: 1;transition: all 1s ease;}

#i4 .i_gynt ul li ol img{ margin-top: 4rem; opacity: 0; }
#i4.on .i_gynt ul li ol img{ margin-top: 0px; opacity: 1;transition: all 1s ease;}

#i5 .i_anjj .width1240 div.bg{ margin-top: 4rem; opacity: 0; }
#i5.on .i_anjj .width1240 div.bg{ margin-top: 0px; opacity: 1;transition: all 1s ease;}

#i6 .i_kh ul li div img{top: 4rem; opacity: 0; }
#i6.on  .i_kh ul li div img{ top: 0px; opacity: 1;transition: all 1s ease;}

#i7 .i_ldhx ul li.l{ margin-left:-30%; opacity: 0; }
#i7 .i_ldhx ul li.r{ margin-right:-30%; opacity: 0; }
#i7.on .i_ldhx ul li.l{ margin-left:0px; opacity: 1; transition: all 1s ease;}
#i7.on .i_ldhx ul li.r{ margin-right:0px; opacity: 1; transition: all 1s ease;}

/*ny_banner*/
.ny_banner{ width: 100%; overflow: hidden; position: relative; }
.ny_banner i.bg{position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; z-index: 0; background-repeat: no-repeat; background-position: center;background-size: cover;}
.ny_banner .width1240{ position: relative; height: 37.5rem; z-index: 2; display:flex; align-items:center; }
.ny_banner .width1240 div.about{ background-color: rgb(0,73,185,0.6); color: #ffffff; font-size: 3rem; text-align: center; height: 8rem; line-height: 8rem; width: 95%; margin:0px 2.5%; }

/*关于威德尔*/
.about_m{ max-width: 1600px; height: 4rem; line-height: 4rem; }
.about_m a{ font-size: 1.125rem;color: #373737; padding:0px 3%;}
.about_m a:hover{ color: #ff0000; }
.about_m a.on{ color: #455676; }

.about_dt{ width: 100%; overflow: hidden; position: relative; text-align: center;}
/*.about_dt i.bg{position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; z-index: 0; background-repeat: no-repeat; background-position: center;background-size: cover;}
.about_dt .width1240{ position: relative; height: 37.5rem; z-index: 2; display:flex; align-items:center; }
.about_dt .width1240 div{ background-color: rgb(0,73,185,0.6); color: #ffffff; font-size:4.375rem; text-align: center; height:10.75rem; line-height:10.75rem; width: 95%; margin:0px 2.5%; font-weight: bold;}*/

.about_con{ padding: 4.5rem 0px 7.5rem;}
.about_con div{ overflow: hidden; }
.about_con div.t{ font-size:1.875rem; color: #080d15; line-height: 1.5;}
.about_con div.f{ margin-top: 2rem; }
.about_con div.f img{ margin-bottom: 1.5rem; width: 48.388%;}
.about_con div.f img.l{ float: left; }
.about_con div.f img.r{ float: right; }

.page_nr{ padding: 3.5rem 0px 8.75rem; max-width: 1600px;}
.page_nr .t,.page_nr .f{ overflow: hidden; }
.page_nr .t{ text-align: center; border-bottom: 1px solid #4b4b4b; font-weight: bold; color: #4b4b4b; font-size:2rem; padding-bottom: 1rem; }
.page_nr .f{ margin-top: 5rem; }
.page_nr .f .hidden{ height: 28rem; position: relative; }
.page_nr .f .hidden.l{ float: left; width: 50%; max-width: 800px;}
.page_nr .f .hidden.l i{position:absolute; left:0px; bottom:0px; right:0px; top:0px; z-index:0; background-repeat:no-repeat; background-position:center;background-size:cover;}
.page_nr .f .hidden.r{ float: right; width: 46%;display:flex; align-items:center; }
.page_nr .f .hidden.r div{ width: 100%; font-size: 1.25rem; line-height: 1.5; }

.page_nr .f.ryzz{ text-align: center; }

/*产品中心*/
.cp_list{ padding: 2.5rem 0px 7.5rem; min-height: 50vh; max-width: 1350px;}
.cp_list .hidden.l{ float: left; width: 15%;}
.cp_list .hidden.l ul,.cp_list .hidden.l ul li{ overflow: hidden; }
.cp_list .hidden.l ul{ margin-bottom: 0.5rem; background-color: #f6f6f6; }
.cp_list .hidden.l ul li.t{ background-color: #1e51ad; color: #ffffff; line-height: 2.5rem; height: 2.5rem; padding: 0px 0.5rem; position: relative;}
.cp_list .hidden.l ul li.c{ border-top: 1px dashed #dddddd; margin:-1px 0.5rem 0px;}
.cp_list .hidden.l ul.t li.t i{ position: absolute; right: 0.5rem; color: #ffffff; font-size: 1rem; top: 50%; margin-top:-0.5rem; opacity: 0; }
.cp_list .hidden.l ul.t li.c a{ display: block; font-size: 0.875rem; color: #373737; padding: 0.75rem 0px;}
.cp_list .hidden.l ul.t li.c.on a,.cp_list .hidden.l ul.t li.c a:hover{color: #1e51ad;}
.cp_list .hidden.l ul.f li.c{ padding: 0.5rem 0px; }
.cp_list .hidden.l ul.f li.qq{ display: none; }
.cp_list .hidden.l ul.f li.qq a{ display: block; padding-left:4rem; background: url(../images/qq.jpg) no-repeat scroll left center; line-height: 1.5rem;font-size: 0.875rem; color: #373737; background-size: auto 1rem;}
.cp_list .hidden.l ul.f li.qq a:hover{color: #1e51ad;}
.cp_list .hidden.l ul.f li.gz{font-size: 0.875rem; color: #373737;}
.cp_list .hidden.l ul.f li.gz dd{ background: url(../images/sj.jpg) no-repeat scroll left center; height: 1.5rem; line-height: 1.5rem; padding-left: 2rem; }
.cp_list .hidden.l ul.f li.gz dl{ margin-top:0.5rem;}
.cp_list .hidden.l ul.f li.lx{font-size: 0.875rem; color: #373737;}
.cp_list .hidden.l ul.f li.lx dd{ background: url(../images/xx.jpg) no-repeat scroll left center; height: 1.5rem; line-height: 1.5rem; padding-left: 2rem; }
.cp_list .hidden.l ul.f li.lx dl{ margin-top:0.5rem; line-height: 1.5rem;}

.cp_list .hidden.r{ float: right; width: 83%;}
.cp_list .hidden.r .tit{ margin-bottom:2rem; border-bottom: 1px solid #cccccc; padding-bottom: 0.75rem; }
.cp_list .hidden.r .tit span{ border-left:4px solid #1e51ad; padding-left:0.5rem; color: #1e51ad; font-size: 1rem; }
.cp_list .hidden.r ul,.cp_list .hidden.r ul li{ overflow: hidden; }
.cp_list .hidden.r ul{ width: 102%; margin-bottom: 2rem;}
.cp_list .hidden.r ul li{ float: left; margin-bottom:0.75rem; width:23.5%; max-width: 268px; margin-right:1.3%;}
.cp_list .hidden.r ul li a{ display: block; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.6);width: 96%; min-height: 10rem; margin:5px auto 0.5rem;}
.cp_list .hidden.r ul li a div{ overflow: hidden; }
.cp_list .hidden.r ul li a div.t{ height:16.75rem; position: relative; }
.cp_list .hidden.r ul li a div.t i{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; background-repeat:no-repeat; background-position:center; background-size: cover; transition:all 1s ease;}
.cp_list .hidden.r ul li a:hover div.t i{transform: scale(1.1);transition: all 1s ease;}
.cp_list .hidden.r ul li a div.f{ height: 4rem; padding: 0px 0.5rem;}
.cp_list .hidden.r ul li a div.f dd{ margin-bottom: 0.5rem; margin-top: 1rem; }
.cp_list .hidden.r ul li a div.f dd span{ position: relative; font-size: 1rem; display: block; color: #0d121b; font-weight: bold;padding-right:3.25rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.cp_list .hidden.r ul li a:hover div.f dd span{ color: #ff0000; }
.cp_list .hidden.r ul li a div.f dd span i{ position:absolute; width:0.625rem; height:0.625rem;top:50%; background:url(../images/d.png) no-repeat; background-size: 100%; margin-top:-0.3125rem; animation: d_h 2s linear infinite;}
.cp_list .hidden.r ul li a div.f dd span i.d1{ right: 2rem; animation-delay: 0s;}
.cp_list .hidden.r ul li a div.f dd span i.d2{ right: 1rem; animation-delay: 0.5s;}
.cp_list .hidden.r ul li a div.f dd span i.d3{ right: 0px; animation-delay:  1s;}
.cp_list .hidden.r ul li a div.f dl{ font-size:0.75rem; color: #0d121b; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }

/*产品详情*/
.cp_show_t{ overflow: hidden; }
.cp_show_t #wrapper{ float: left; width: 32%; }
.cp_show_t #wrapper #picSlideWrap{ overflow: hidden; }
.cp_show_t #wrapper #picSlideWrap .imgnav{ position: relative; overflow: hidden;}
.cp_show_t #wrapper #picSlideWrap .imgnav #img{ z-index:10; position:relative; text-align:center;}
.cp_show_t #wrapper #picSlideWrap .imgnav #img img{ display: none; width: 100%; }

.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn{ margin-top: 1rem; padding: 0px 2.5rem; position: relative;}
.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn i.qh{ width: 1rem; height: 2rem; background-size: auto 100%; background-repeat: no-repeat; background-position: left center; opacity: 0.5; position: absolute; top: 0.875rem;cursor: pointer;}
.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn i.qh:hover{ opacity: 1; }
.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn i.picSildeLeft{ background-image: url(../images/jt_l.png); left: 0px;}
.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn i.picSildeRight{ background-image: url(../images/jt_r.png); right: 0px;}

.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl{position:relative; height: 4rem; width: 100%; overflow: hidden;}
.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul,.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li{ overflow: hidden; }
.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul{ position: relative; width:9999999999rem; }
.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li{cursor:pointer; border:1px solid #d1d1d1; width:3.75rem; height:3.75rem; margin-right:0.5rem;}
.cp_show_t #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li.hov{ border:1px solid #1e51ad;}
.cp_show_t #wrapper div.fx{ font-size: 0.875rem; color: #373737; margin-top: 1rem; overflow: hidden;}
.cp_show_t #wrapper div.fx span{display: block; float: left;}
.cp_show_t #wrapper div.fx a{ display: block; float: left; width:20px; height:20px; background-size: auto 20px; background-repeat: no-repeat; margin-left:0.75rem; background-image: url(../images/fx.jpg);}
.cp_show_t #wrapper div.fx a.fx1{ background-position:0px center; }
.cp_show_t #wrapper div.fx a.fx2{ background-position:-24px center;}
.cp_show_t #wrapper div.fx a.fx3{ background-position:-48px center;}
.cp_show_t #wrapper div.fx a.fx4{ background-position:-72px center;}
.cp_show_t #wrapper div.fx a.fx5{ background-position:-96px center;}
.cp_show_t #wrapper div.fx a.fx6{ background-position:-120px center;}
.cp_show_t .con{ overflow: hidden; float: right; width: 64%; }
.cp_show_t .con div.t{ border-bottom: 1px solid #d1d1d1; padding-bottom: 0.5rem; }
.cp_show_t .con div.t dd{ font-size: 1.5rem; font-weight: bold; color: #575956; }
.cp_show_t .con div.t dl{ margin-top: 0.5rem; height: 1.5rem; position: relative;}
.cp_show_t .con div.t dl i{ display: block; float: left; width: 1.125rem; height: 1.125rem; background: url(../images/sc.jpg) no-repeat; cursor: pointer;}
.cp_show_t .con div.t dl div{ position:absolute; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2); top:2rem; padding:0.5rem; background-color:#ffffff; display:none; left:4px;}
.cp_show_t .con div.t dl:hover div{ display: block; }
.cp_show_t .con div.f{ overflow: hidden; margin-top: 1rem; }
.cp_show_t .con div.f dd{ font-weight: bold; font-size: 1.5rem; }
.cp_show_t .con div.f dl{ font-size: 1rem; white-space:pre-wrap; line-height: 2; margin-top: 0.5rem; }
.cp_show_t .con ul.f,.cp_show_t .con ul.f li{ overflow: hidden; }
.cp_show_t .con ul.f{ margin-top: 1rem; width: 100%; margin-bottom: 0px !important;}
.cp_show_t .con ul.f li{ margin-bottom:1rem; width:100% !important; margin-right:0px; max-width: 100%; }
.cp_show_t .con ul.f li dl{ font-size:1rem; color: #828282; }
.cp_show_t .con ul.f li dl.l{ float: left; width: 28%; text-align:right;}
.cp_show_t .con ul.f li dl.r{ float: right; width: 70%;}

.cp_show_f{ overflow: hidden; padding: 1.25rem 0px; }
.cp_show_f div{ overflow: hidden; }
.cp_show_f div.t{ border-bottom: 1px solid #33507c; }
.cp_show_f div.t dl{float:left;border:1px solid #d1d1d1;height:2.5rem;line-height:2.5rem;font-size:0.875rem;color:#807474;padding:0px 1.25rem;cursor:pointer;}
.cp_show_f div.t dl:hover,.cp_show_f div.t dl.on{border: 1px solid #33507c;}
.cp_show_f div.f{}
.cp_show_f div.f div{ overflow: hidden; min-height: 50vh; display: none; font-size: 1rem; line-height: 2;color: #807474; padding-top: 1rem;}

.cp_show_qt{ margin-top: 3rem; }
.cp_show_qt div.t{ font-size: 1.875rem; color: #080d15; }
.cp_show_qt div.t i{ font-size: 1.5rem; color: #7a818c; }
.cp_show_qt ul,.cp_show_qt ul li{ overflow: hidden; }
.cp_show_qt ul{width: 102%; margin-top: 1.25rem;margin-bottom: 0px !important;}
.cp_show_qt ul li{width:31.3% !important; max-width: 420px !important; margin-right:2% !important;margin-bottom: 0px !important;}
.cp_show_qt ul li.l4{ display: none; }
.cp_show_qt ul li a img{ width: 100%; }

/*tp_list*/
.tp_list{ padding: 2.5rem 0px 7.5rem; min-height: 50vh;}
.tp_list .hidden.l{ float: left; width: 18%;}
.tp_list .hidden.l ul,.tp_list .hidden.l ul li{ overflow: hidden; }
.tp_list .hidden.l ul{ margin-bottom: 0.5rem; background-color: #f6f6f6; }
.tp_list .hidden.l ul li.t{ background-color: #1e51ad; color: #ffffff; line-height: 2.5rem; height: 2.5rem; padding: 0px 0.5rem; position: relative;}
.tp_list .hidden.l ul li.t i{ position: absolute; right: 0.5rem; color: #ffffff; font-size: 1rem; top: 50%; margin-top:-0.5rem; opacity: 0; }
.tp_list .hidden.l ul li.c{ border-top: 1px dashed #dddddd; margin:-1px 0.5rem 0px;}
.tp_list .hidden.l ul.t li.c a{ display: block; font-size: 0.875rem; color: #373737; padding: 0.75rem 0px;}
.tp_list .hidden.l ul.t li.c.on a,.tp_list .hidden.l ul.t li.c a:hover{color: #1e51ad;}
.tp_list .hidden.r{ width:77%; float: right; }
.tp_list .hidden.r .tit{ margin-bottom:2rem; border-bottom: 1px solid #cccccc; padding-bottom: 0.75rem; }
.tp_list .hidden.r .tit span{ border-left:4px solid #1e51ad; padding-left:0.5rem; color: #1e51ad; font-size: 1rem; }

/*行业应用*/
.hyyy,.hyyy li{ overflow: hidden; }
.hyyy{ width: 102%; }
.hyyy li{ width:30.805%; margin-right:2.52833%; float: left;margin-bottom:1rem;}
.hyyy li a ol{ height: 14.0625rem; position: relative; overflow: hidden;}
.hyyy li a ol i{ position:absolute; left:0px; bottom:0px; right:0px; top:0px; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover;transition: all 1s ease;}
.hyyy li a:hover ol i{ transform: scale(1.1);transition: all 1s ease;}
.hyyy li a dd{text-align: center; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; color: #8c8c98;}
.hyyy li a:hover dd{ color: #1e51ad; }

/*视频展示*/
.spzs,.spzs li{ overflow: hidden; }
.spzs{ width: 102%; }
.spzs li{ float: left; width: 29.778%; margin-right: 3.55533%; margin-bottom:2.5rem;}
.spzs li dd{ margin-bottom: 0.5rem; border-bottom: 1px solid #cccccc; padding-bottom: 0.75rem;}
.spzs li dd span{ border-left:4px solid #1e51ad; padding-left:0.5rem; color: #1e51ad; font-size: 1rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; display: block;}
.spzs li dl{ height: 15rem; position: relative; overflow: hidden;}
.spzs li dl i{ position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; z-index: 0; background-repeat: no-repeat; background-position: center;background-size: cover;transition: all 1s ease; }
.spzs li:hover dl i{transform: scale(1.1);transition: all 1s ease;}

.sp_show div{ overflow: hidden; }
.sp_show div.t{text-align: center; border-bottom: 1px solid #4b4b4b; font-weight: bold; color: #4b4b4b; font-size:2rem; padding-bottom: 1rem; }
.sp_show div.f{ margin-top:2rem; line-height: 2; font-size: 1rem;}

/*新闻资讯*/
.xw_list{ padding: 3rem 0px 8rem; }
.xw_list ul.l{ float: left; width:18%; border:1px solid #ededed; background-color: #f6f6f6; }
.xw_list ul.l li.n{ height: 3rem; line-height: 3rem; background: url(../images/xw_lm.jpg) no-repeat scroll 0.25rem center #fafafa; padding-left:2.5rem; background-size: auto 1rem; }
.xw_list ul.l li.c{ border-top: 1px dashed #dddddd; margin-top: -1px;}
.xw_list ul.l li.c a{ display: block; overflow: hidden; word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; margin:0px 0.5rem; position: relative; padding: 1rem 0px 1rem 0.875rem; color: #747474; font-size: 0.875rem;}
.xw_list ul.l li.c a i{ position: absolute; color: #9c3434; font-size: 0.875rem; left: 0px; top: 50%; margin-top: -0.4375rem; }
.xw_list ul.l li.c a:hover{color: #1e51ad;}
.xw_list div.r{ width:80%; float: right;}
.xw_list div.r .tit{height:3rem; line-height:3rem; background:url(../images/xw_lm.jpg) no-repeat scroll 0.25rem center #fafafa; padding-left:2.5rem; background-size: auto 1rem;}
.xw_list div.r ul,.xw_list div.r ul li{ overflow: hidden; }
.xw_list div.r ul{ margin-top: 1rem; }
.xw_list div.r ul li{ margin-bottom:1rem; border:1px solid #7a818c; }
.xw_list div.r ul li a{ display: block; padding: 0.75rem; overflow: hidden; }
.xw_list div.r ul li a div{ overflow: hidden; min-height: 16.625rem;}
.xw_list div.r ul li a div.l{ float: left; width: 27.537%; position: relative;}
.xw_list div.r ul li a div.l i{ position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; z-index: 0; background-repeat: no-repeat; background-position: center;background-size: cover; transition: all 1s ease;}
.xw_list div.r ul li a:hover div.l i{transition: all 1s ease; transform: scale(1.1);}
.xw_list div.r ul li a div.r{ float: right; width: 70%; color: #7a818c;}
.xw_list div.r ul li a div.r dd{ font-size: 1.5rem; margin-bottom: 1rem; }
.xw_list div.r ul li a div.r dl{ font-size: 1.125rem; margin-bottom: 1rem; line-height: 1.5;}
.xw_list div.r ul li a div.r ol{ text-align: right; line-height: 2.25rem;}
.xw_list div.r ul li a div.r ol span{ font-size: 1.125rem; color: #ffffff; background-color: #7a818c; padding: 0.4rem 1rem; }
.xw_list div.r ul li a:hover div.r ol span{ background-color: #ff0000; }

/*新闻详情*/
.xw_show,.xw_show li{ overflow: hidden; }
.xw_show{ padding: 6rem 0px; min-height: 50vh; }
.xw_show li.t{ color: #333333; font-size: 2rem; }
.xw_show li.n{ border-bottom: 1px solid #efefef; padding: 1.5rem 0px; overflow: initial; height: 1.25rem;}
.xw_show li.n dl{ color: #adadad; font-size: 0.875rem;}
.xw_show li.n dl.l{ float: left; }
.xw_show li.n dl.r{ float: right; }
.xw_show li.n dl.r span{ margin-left:1rem;  padding-left: 2rem; background-position: left center; background-size: auto 100%; height: 1.125rem; line-height: 1.125rem; background-repeat:no-repeat;background-image: url(../images/n_s2.jpg);}
.xw_show li.n dl.r span.e{ background-image: url(../images/n_s1.jpg); position: relative;cursor: pointer;}
.xw_show li.n dl.r span.e div{ position:absolute; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2); top:2rem; padding:0.5rem; background-color:#ffffff;display:none;}
.xw_show li.n dl.r span.e:hover div{ display: block; }
.xw_show li.f{ margin-top: 1.5rem; font-size: 1rem; line-height: 2; color: #676767; }

/*联系我们*/
.lxwm{ padding: 4rem 0px 6rem; }
.lxwm div.l{ float: left; overflow: hidden; width: 55%;}
.lxwm div.l div{ overflow: hidden; color: #263645;}
.lxwm div.l div.t{ margin-bottom:2rem; }
.lxwm div.l div.t dd{ font-size: 1.5rem; margin-bottom: 1rem; text-align: center;}
.lxwm div.l div.t dl{ font-size: 1.25rem; line-height: 1.5;}
.lxwm div.l div.f{ font-size: 0.875rem; line-height:2; }
.lxwm div.r{ float: right; width: 40%; max-width: 430px;}

/*fenye*/
.fenye{ text-align:center;font-size:1rem;line-height:2rem;}
.fenye i{ display:none;}
.fenye a{ color:#000000;}
.fenye a,.fenye span{ margin:0px 3px;background-color:#dcd9d4;border:1px solid #dcd9d4;display:inline-block; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 0.5rem;}
.fenye a:hover,.fenye span{ color:#ffffff;background-color:#455676;}

/*no*/
.no{ background-color: #ffffff; text-align: center; width: 100% !important; margin-right:0px !important;padding: 2rem 0px; font-size: 2rem; }
.no strong{ color:#ff0000;}

/*w404*/
.w404{ min-height: 100vh;  display:flex;align-items:center;}
.w404 .c{ width: 100%; text-align: center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom: 2rem; }
.w404 .c ol img{ max-width: 35%; }
.w404 .c dd{ font-size: 1.5rem; color: #333333; }
.w404 .c a,.w404 .c a:hover{transition: all .5s ease; display: block;}
.w404 .c a{ width: 80%; max-width: 180px; margin:2rem auto 0px; height: 3rem; line-height: 3rem; font-size: 1rem; color: #ffffff; background-color: #d66f09;}
.w404 .c a:hover{ background-color: #ee7c30;}

/*msg*/
.msg{ padding: 6rem 0px; }
.msg div.c{ text-align: center; padding: 10vh 0px; }
.msg div.c dd{ text-align: center; font-size: 1.5rem; font-weight:bold; }
.msg div.c dl{ margin-top: 2rem; font-size: 1rem;}
.msg div.c dl a,.msg div.c dl a:hover{transition:all .5s ease;}
.msg div.c dl a{display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; height:3rem; line-height:3rem; color:#f4313f;}
.msg div.c dl a:hover{ background-color: #f4313f; color: #ffffff;}