/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#000; font-size:14px; font-family:微软雅黑;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#000; text-decoration:none;}
a:hover{ color:#0193de; text-decoration:underline;}
.width_all{ max-width:1410px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; position:fixed; margin:0 auto; background:rgba(255,255,255,.8); z-index:99; box-shadow:0 0 2px #ccc;}
.head_top h1{ float:left; width:186px; margin:10px auto;}
.head_top h1 img{ width:100%;}
.head_top .search{ width:27px; float:right; margin:22px 0 21px 22px;}
.head_top .search img{ width:100%;}
.head_top .cnen{ float:right; line-height:69px; margin:0 0 0 2%;}
.head_top .cnen a{ font-size:16px; color:#000; line-height:69px; margin:0 0 0 12px;}
.head_top .cnen a:hover{ text-decoration:none; color:#0193de;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav a{ display:block; font-size:18px; color:#000; line-height:70px; padding:0 32px;}
.nav li:hover a, .nav li a.cutter{ color:#0193de; text-decoration:none;}
.nav .sub{ width:198px; position:absolute; left:0; top:70px; background:rgba(255, 255, 255, .92); padding:18px 20px;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#333; font-size:14px; line-height:32px; display:block; background:none; padding:0;}
.nav .sub li a:hover{ text-decoration:none; color:#0193de;}

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .cnen{ width:96%; margin:0 auto 10px auto;}
.m_nav .cnen a{ font-size:16px; color:#000; line-height:26px; margin:0 4% 0 0;}
.m_nav .cnen a:hover{ text-decoration:none; color:#0193de;}
.m_nav .ul{ margin:0;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:16px; height:50px; line-height:50px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:14px; height:14px; display:block; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:14px;}
.flex-control-paging li a:hover{ background:#0193de; }
.flex-control-paging li a.flex-active{ background:#0193de; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../image/left.png) center center no-repeat; left:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../image/right.png) center center no-repeat; right:2%;}

/*home*/
.home{ margin:36px auto 52px auto;}
.home li{ float:left; width:32%; margin:0 2% 0 0; position:relative; transition:all .4s;}
.home li:last-child{ margin:0;}
.home li img{ width:100%;}
.home li:hover{ transform:translateY(-4px); animation-fill-mode:forwards; box-shadow:0 4px 30px rgba(0,0,0,.15);}
.home li p{ position:absolute; top:50%; left:8%; margin:-11px 0 0 0;}
.home li a{ font-size:20px; color:#000; line-height:22px;}
.home li a:hover{ text-decoration:none;}

/*about_us*/
.about_us{ width:100%; margin:52px auto; background:#fff url(../image/about_us.png) top center no-repeat; overflow:hidden;}
.about_name{ margin:32px auto; position:relative; text-align:center;}
.about_name p{ display:inline-block; font-size:30px; color:#000; z-index:9; background:#fff; padding:0 26px; line-height:42px; text-transform:uppercase; position:relative; z-index:2;}
.about_name:after{ position:absolute; z-index:1; top:50%; left:10%; right:10%; content:""; border-top:1px solid #cfcfcf; visibility:inherit;}
.p_wecome{ width:100%; margin:32px auto 28px auto; font-size:14px; color:#333; line-height:25px;}
.about_more{ width:100%; margin:28px auto; text-align:center; font-size:16px; line-height:28px;}
.about_more a{ color:#666;}
.about_more a:hover{ text-decoration:none; color:#0193de;}

/*new_product*/
.new_product{ width:100%; margin:52px auto; overflow:hidden; background:#eee;}
.new_product ul{ margin:52px auto 24px auto;}
.new_product ul li{ float:left; width:23.5%; margin:0 2% 2% 0; position:relative;}
.new_product ul li:nth-child(4n){ margin:0 0 2% 0;}
.new_product ul li .p_name{ position:absolute; top:50%; left:0; width:100%; font-size:30px; color:#000; line-height:42px; margin:-21px 0 0 0; text-align:center;}
.new_product ul li img{ width:100%;}
.new_product ul li .pic{ width:100%;}
.new_product ul li .pic img{ width:100%;}
.new_product ul li .m-bg1{ opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(1,147,222,0.68); text-align:center;}
.new_product ul li .m-bg1:before{ content:''; position:absolute; width:0; left:10%; height:1px; background:#fff; top:50%; transition:all 0.5s;}
.new_product ul li .m-bg1 .fadeInDown{ position:absolute; bottom:80%; width:80%; left:10%; overflow:hidden; line-height:42px; height:42px; font-size:30px; color:#fff; transition:all 0.5s;}
.new_product ul li .m-bg1 .fades{ position:absolute; bottom:70%; width:80%; left:10%; overflow:hidden; line-height:28px; height:28px; font-size:20px; color:#fff; transition:all 0.5s;}
.new_product ul li .m-bg1 .more{ position:absolute; top:70%; left:50%; margin-left:-60px; display:block; width:120px; line-height:36px; border:2px solid #fff; border-radius:18px; color:#fff; transition:all .5s;}
.new_product ul li .m-bg1 .more:hover{ background:#fff; color:#0193de;}
.new_product ul li:hover .m-bg1{ opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.new_product ul li:hover .m-bg1 .fadeInDown{ bottom:70%;}
.new_product ul li:hover .m-bg1 .fades{ bottom:60%;}
.new_product ul li:hover .m-bg1 .more{ top:60%;}
.new_product ul li:hover .m-bg1:before{ width:80%;}

/*news*/
.news{ margin:52px auto;}
.news_name{ margin:0 auto 32px auto; position:relative; text-align:center;}
.news_name p{ display:inline-block; font-size:30px; color:#000; z-index:9; background:#fff; padding:0 26px; line-height:42px; text-transform:uppercase;}
.news_name:after{ position:absolute; z-index:-1; top:50%; left:10%; right:10%; content:""; border-top:1px solid #cfcfcf; visibility:inherit;}

.news_all{ width:100%; margin:32px auto 0 auto; overflow:hidden;}
.news_cp{ float:left; width:66%; background:#ebf2f8; overflow:hidden;}
.news_cp .news_cp_name{ border-bottom:#fff 1px solid; overflow:hidden; width:94%; margin:18px auto 0 auto; padding:0 0 6px 0;}
.news_cp .news_cp_name span{ font-size:22px; color:#000; line-height:40px; float:left;}
.news_cp .news_cp_name a{ float:right; font-size:14px; color:#333; line-height:40px;}
.news_cp .news_cp_name a i{ float:right; width:16px; height:16px; line-height:16px; border:#9f9f9f 1px solid; border-radius:50%; font-family:宋体; font-style:normal; text-align:center; margin:11px 0 11px 8px; color:#9f9f9f;}
.news_cp .news_cp_name a:hover{ text-decoration:none; color:#0193de;}
.news_cp .news_cp_name a:hover i{ border:#0193de 1px solid; background:#0193de; color:#fff;}
.news_cp .news_width{ width:94%; margin:0 auto 28px auto; overflow:hidden;}
.news_cp .news_width .news_left{ float:left; width:50%; margin:23px 0 0 0;}
.news_cp .news_width .news_left p{ overflow:hidden;}
.news_cp .news_width .news_left p img{ width:100%; transition:all .5s;}
.news_cp .news_width .news_left:hover p img{ transform:scale(1.2);}
.news_cp .news_width .news_left em{ font-size:16px; line-height:28px; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_cp .news_width .news_left dl{ overflow:hidden; position:relative; font-family:Arial;}
.news_cp .news_width .news_left dl:after{ position:absolute; left:156px; top:29px; background:#fff; content:""; width:48px; height:2px;}
.news_cp .news_width .news_left dl dd{ float:left; font-size:48px; color:#0193de; font-weight:bold; line-height:60px; margin:0 14px 0 0;}
.news_cp .news_width .news_left dl dt{ float:left; font-size:18px; color:#666; line-height:20px; margin:10px 0;}
.news_cp .news_width .news_left dl dt span{ display:block; font-size:14px;}
.news_cp .news_width .news_left .news_l_more{ margin:12px 0 0 0; font-size:14px; line-height:20px;}
.news_cp .news_width .news_left .news_l_more img{ width:16px; height:16px; margin:2px 0 2px 8px;}
.news_cp .news_width .news_left a{ color:#000; display:block;}
.news_cp .news_width .news_left a:hover{ text-decoration:none; color:#0193de;}
.news_cp .news_width .news_right{ float:right; width:44%;}
.news_cp .news_width .news_right dl{ margin:23px 0; overflow:hidden;}
.news_cp .news_width .news_right dl a{ display:block;}
.news_cp .news_width .news_right dl a:hover{ text-decoration:none;}
.news_cp .news_width .news_right dl dd{ float:left; width:42%; overflow:hidden;}
.news_cp .news_width .news_right dl dd img{ width:100%; transition:all .5s;}
.news_cp .news_width .news_right dl:hover dd img{ transform:scale(1.2);}
.news_cp .news_width .news_right dl dt{ float:right; width:50%; font-size:16px; color:#000; line-height:28px;}
.news_cp .news_width .news_right dl dt font{ color:#666; font-size:14px; display:block; line-height:24px; margin:10px 0 0 0;}
.news_cp .news_width .news_right ul{ border-top:#fff 1px solid;}
.news_cp .news_width .news_right ul li{ margin:16px 0 0 0;}
.news_cp .news_width .news_right ul li a{ font-size:14px; color:#000; line-height:24px; display:block;}
.news_cp .news_width .news_right ul li a:hover{ text-decoration:none; color:#0193de;}
.news_cp .news_width .news_right ul li a i{ width:4px; height:4px; float:left; background:#0193de; border-radius:50%; margin:10px 8px 10px 0;}

.news_in{ float:right; width:32%; background:#ebf2f8; overflow:hidden;}
.news_in .news_in_name{ border-bottom:#fff 1px solid; overflow:hidden; width:87.6%; margin:18px auto 23px auto; padding:0 0 6px 0;}
.news_in .news_in_name span{ font-size:22px; color:#000; line-height:40px; float:left;}
.news_in .news_in_name a{ float:right; font-size:14px; color:#333; line-height:40px;}
.news_in .news_in_name a i{ float:right; width:16px; height:16px; line-height:16px; border:#9f9f9f 1px solid; border-radius:50%; font-family:宋体; font-style:normal; text-align:center; margin:11px 0 11px 8px; color:#9f9f9f;}
.news_in .news_in_name a:hover{ text-decoration:none; color:#0193de;}
.news_in .news_in_name a:hover i{ border:#0193de 1px solid; background:#0193de; color:#fff;}
.news_in ul{ width:87.6%; margin:23px auto 14px auto; overflow:hidden;}
.news_in ul li{ margin:0 0 23px 0; overflow:hidden;}
.news_in ul li a{ display:block; color:#333;}
.news_in ul li a:hover{ text-decoration:none; color:#0193de;}
.news_in ul li .news_in_img{ float:left; width:32%; overflow:hidden;}
.news_in ul li .news_in_img img{ width:100%; transition:all .5s;}
.news_in ul li:hover .news_in_img img{ transform:scale(1.2);}
.news_in ul li .news_sming{ float:right; width:62%;}
.news_in ul li .news_sming em{ font-size:16px; line-height:28px; color:#000; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_in ul li .news_sming p{ font-size:14px; line-height:22px; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#eee;}
.foot_w{ margin:36px auto;}
.foot_l{ float:left; width:82%;}
.foot_l dl{ float:left; width:20%;}

.foot_l dl dd{ font-size:16px; color:#000; line-height:32px; margin:0 0 14px 0; position:relative;}
.foot_l dl dd:after{ content:""; background:#aaa; height:1px; width:32px; position:absolute; bottom:0; left:0;}
.foot_l dl dt{ font-size:14px; line-height:26px; color:#333;}
.foot_l dl dt a{ font-size:14px; color:#333; display:block; transition:all .3s;}
.foot_l dl dt a:hover{ color:#0193de; text-decoration:none;}
.foot_r{ float:right; width:18%;}
.foot_r .foot_bt{ font-size:16px; color:#000; line-height:32px; margin:0 0 14px 0; position:relative;}
.foot_r .foot_bt:after{ content:""; background:#aaa; height:1px; width:32px; position:absolute; bottom:0; left:0;}
.foot_r .subscribe{ width:100%; margin:0 auto; overflow:hidden;}
.foot_r .subscribe p{ font-size:14px; color:#333; line-height:26px;}
.foot_r .subscribe p a{ text-decoration:underline;}
.foot_r .subscribe p .text_input{ width:96%; padding:5px 0 5px 4%; font-size:14px; color:#333; line-height:26px; background:#f8f8f8; margin:18px 0 12px 0; border:none; outline:none;}
.foot_r .subscribe_button{ width:72px; line-height:28px; font-size:14px; color:#fff; text-align:center; background:#0193de; cursor:pointer;}

.foot_icp{ font-size:14px; color:#eee; line-height:20px; text-align:center; text-transform:uppercase; padding:18px 0; background:#0193de;}
.foot_icp a{ color:#eee;}
.foot_icp a:hover{ color:#fff;}

/*ny_banner*/
.ny_banner{ width:100%; padding:118px 0 0 0; overflow:hidden; background:url(../image/ny_banner.jpg) center center no-repeat;}
.ny_banner .ny_banner_zt{ color:#000; font-size:30px; line-height:34px;}
.ny_banner .lujing{ width:100%; overflow:hidden; margin:10px auto 0 auto; font-size:14px; color:#333; line-height:25px;}
.ny_banner .lujing a{ color:#333;}
.ny_banner .lujing a:hover{ text-decoration:none; color:#0193de;}
.ny_banner .lujing span{ color:#0193de; font-weight:bold;}

/*ny_nav*/
.ny_nav{ width:100%; margin:48px 0 0 0; border-top:#ccc 1px solid;}
.ny_nav ul{ margin:0 auto;}
.ny_nav ul li{ float:left; font-size:16px; line-height:20px; margin:0 3% 0 0; padding:20px 0; transition:all 0.5s; position:relative;}
.ny_nav ul li:after{content:""; width:0px; height:2px; background:#0193de; position:absolute; top:-1px; left:0; transition:all 0.5s;}
.ny_nav ul li:hover:after{ width:100%;}
.ny_nav ul li a{ color:#333;}
.ny_nav ul li a:hover{ text-decoration:none; color:#0193de;}
.ny_nav ul li.curt:after{ width:100%;}
.ny_nav ul li.curt a{ color:#0193de;}

.ny_nav2{ width:100%; margin:48px 0 0 0; border-top:#ccc 1px solid;}
.ny_nav2 ul{ margin:0 auto;}
.ny_nav2 ul li{ float:left; font-size:16px; line-height:20px; margin:0 3% 0 0; padding:20px 0; transition:all 0.5s; position:relative;}
.ny_nav2 ul li:after{content:""; width:0px; height:2px; background:#0193de; position:absolute; top:-1px; left:0; transition:all 0.5s;}
.ny_nav2 ul li:hover:after{ width:100%;}
.ny_nav2 ul li span{ display:block; width:80px; height:50px; background:url(../image/p1.png) center center no-repeat; margin:0 0 8px 0;}
.ny_nav2 ul li:nth-child(2) span{ background:url(../image/p2.png) center center no-repeat;}
.ny_nav2 ul li:nth-child(3) span{ background:url(../image/p3.png) center center no-repeat;}
.ny_nav2 ul li:nth-child(4) span{ background:url(../image/p4.png) center center no-repeat;}
.ny_nav2 ul li:nth-child(5) span{ background:url(../image/p5.png) center center no-repeat;}
.ny_nav2 ul li:nth-child(6) span{ background:url(../image/p6.png) center center no-repeat;}
.ny_nav2 ul li:nth-child(7) span{ background:url(../image/p7.png) center center no-repeat;}
.ny_nav2 ul li:nth-child(8) span{ background:url(../image/p8.png) center center no-repeat;}
.ny_nav2 ul li:nth-child(9) span{ background:url(../image/p9.png) center center no-repeat;}
.ny_nav2 ul li a{ color:#333; display:block; text-align:center;}
.ny_nav2 ul li a:hover{ text-decoration:none; color:#0193de;}
.ny_nav2 ul li.curt:after{ width:100%;}
.ny_nav2 ul li.curt a{ color:#0193de;}

/*content*/
.content{ margin:60px auto;}

/*company*/
.company{ font-size:14px; color:#333; line-height:25px;}
.company img{ max-width:100%;}

.shijian{ width:100%; margin:0 auto; overflow:hidden;}
.shijian dl{ width:45%; position:relative; overflow:hidden; border-bottom:#eee 1px solid; padding:0 0 0 55%;}
.shijian dl:nth-child(2n){ padding:0 55% 0 0;}
.shijian dl:before{ position:absolute; top:0; left:50%; background:#eee; height:100%; width:2px; content:""; margin:0 0 0 -1px;}
.shijian dl i:before{ position:absolute; left:50%; top:12px; background:#fff; border:#0193de 4px solid; content:""; width:10px; height:10px; border-radius:50%; margin:0 0 0 -9px; z-index:2;}
.shijian dl i:after{ position:absolute; left:50%; top:20px; background:#0193de; width:3%; height:2px; content:""; z-index:1;}
.shijian dl:nth-child(2n) i:before{ left:inherit; right:50%; margin:0 -9px 0 0;}
.shijian dl:nth-child(2n) i:after{ left:inherit; right:50%;}
.shijian dl dd{ width:100%; font-size:18px; color:#0193de; line-height:42px; overflow:hidden;}
.shijian dl:nth-child(2n) dd{ text-align:right;}
.shijian dl:nth-child(2n) dt{ text-align:right;}
.shijian dl dt{ position:relative; overflow:hidden; margin:0 0 10px 0; font-size:14px; color:#333; line-height:25px;}

.xiangce{ width:100%; margin:0 auto;}
.xiangce h2{ font-size:16px; font-weight:bold; color:#0193de; line-height:26px; margin:0 0 6px 0;}
.xiangce ul{ overflow:hidden;}
.xiangce ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.xiangce ul li:nth-child(4n){ margin:0 0 2% 0;}
.xiangce ul li img{ width:100%;}
.xiangce ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.xiangce ul li a{ color:#333; border:#ccc 1px solid; padding:1%; display:block;}
.xiangce ul li a:hover{ text-decoration:none; color:#0193de;}
.xiangce ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0193de; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.xiangce ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.xiangce ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0193de; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.xiangce ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.xiangce ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0193de; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.xiangce ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.xiangce ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0193de; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.xiangce ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

.video{ width:100%; margin:0 auto;}
#spa{ width:100%;}
#spa:after{ width:100%; visibility:hidden;}
#spa>li{ float:left; width:22.5%; margin:0 2% 2% 0; padding:0.5% 0.5% 0px 0.5%; background:#eee; position:relative; cursor:pointer;}
#spa>li:nth-child(4n){ margin:0 0 2% 0;}
.spa>li{ width:22.5% !important;}
.spa>li:nth-child(4n){ margin:0 0 2% 0;}
#spa>li:before{ content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../image/sp.png) center center no-repeat; transition:0.5s; opacity:0;}
.spa>li:before{ height:auto !important;}
#spa>li:hover:before{ opacity:0.8;}
#spa>li>img{ width:100%; height:auto;}
.spa>li>img{ height:auto !important;}
#spa>li>p{ line-height:42px; color:#333; text-align:center; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#spa>li:hover>p{ color:#fff;}
#spa>li:hover{ background:#0193de;}
#sp{ position:fixed; top:50%; left:50%; margin-left:-400px; margin-top:-200px; width:800px; height:auto; background:#000; z-index:2; transition:0.3s; transform:scale(0);}
#spxx{ position:absolute; top:-10px; right:-10px; cursor:pointer; z-index:3;}

/*product*/
.product_search{ margin:42px auto 26px auto;}
.product_search .product_name{ background:#dfdfdf; font-size:18px; color:#0193de; line-height:26px; padding:10px 0 10px 16px; font-weight:bold;}
.product_search dl{ border:#dfdfdf 1px solid; border-top:none; overflow:hidden; background:#f0f0f0;}
.product_search dl dd{ float:left; width:10%; font-size:14px; color:#333; font-weight:bold; line-height:25px; text-align:center; padding:12px 0;}
.product_search dl dt{ float:right; width:89%; background:#fff; font-size:14px; color:#333; line-height:25px; padding:12px 0 12px 1%;}
.product_search dl dt a{ padding:0 1%; line-height:25px; display:inline-block;}
.product_search dl dt a.curr{ background:#0193de; color:#fff;}
.product_search dl dt a:hover{ color:#0193de; text-decoration:none;}
.product_search dl dt a:hover.curr{ color:#fff;}

.product_links{ width:100%; margin:30px auto;}
.product_links ul{ overflow:hidden;}
.product_links ul li{ float:left; width:15%; margin:0 1% 0 0;}
.product_links ul li:last-child{ margin:0;}
.product_links ul li a{ display:block; text-align:center; background:#0193de; border-radius:6px; color:#fff; font-size:16px; line-height:36px; transition:all .5s;}
.product_links ul li a:hover{ text-decoration:none; background:#666;}

.inventory{ margin:30px auto 0 auto; font-size:14px; color:#333; line-height:24px;}
.inventory .product_h{ background:#0193de; font-weight:bold; color:#fff; border-bottom:1px solid #ccc;}
.product_h span{ padding:1% !important; min-height:24px !important;}
.product_h span, .inventory .ul li span{ float:left; min-height:113px; overflow:hidden; padding:10px 1%; position:relative; display:flex; justify-content:center; align-items:center;}
.product_h span:before, .inventory .ul li span:before{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ccc; content:"";}
.product_h span:last-child:before, .inventory .ul li span:last-child:before{ display:none;}
.inventory .ul li{ border-bottom:1px solid #ccc;}
.inventory .ul li{ display:block;}
.inventory .ul li:nth-child(2n-1){ background:#f2f2f2;}
.inventory .ul li a{ color:#333; display:block; overflow:hidden;}
.inventory .ul li a:hover{ text-decoration:none; color:#0193de;}
.inventory .pro1{ width:8%;}
.inventory .pro1 img{ max-width:100%;}
.inventory .pro2{ width:11%;}
.inventory .pro3{ width:7%;}
.inventory .pro4{ width:11%;}
.inventory .pro5{ width:7%;}
.inventory .pro6{ width:7%;}
.inventory .pro7{ width:7%;}
.inventory .pro8{ width:7%;}
.inventory .pro9{ width:7%;}
.inventory .pro10{ width:8%;}
.inventory .pro10 img{ float:left; width:23px; height:24px; margin:0 8px 0 0;}

.cont_left{ width:260px; float:left; border-right:#e5e5e5 1px solid;}
.cont_left h3{ font-size:24px; color:#000; line-height:36px; margin:0 0 10px 0;}
.cont_left ul{ overflow:hidden;}
.cont_left ul li{ line-height:40px; border-bottom:#e5e5e5 1px solid;}
.cont_left ul li a{ font-size:16px; color:#333; display:block;}
.cont_left ul li a:hover,.cont_left ul li a.hover{ color:#0193de; text-decoration:none;}
.cont_left ul li dl{ margin:0 12px 8px 12px;}
.cont_left ul li dl dd{ line-height:30px;}
.cont_left ul li dl dd a{ font-size:14px; color:#525252;}
.cont_right{ width:76%; float:right;}
.cont_right h2{ font-size:24px; line-height:36px; color:#333; margin:0 0 16px 0;}

.products{ width:100%; margin:0 auto; overflow:hidden;}
.products dl{ float:left; width:48%; margin:0 4% 4% 0; overflow:hidden; position:relative;}
.products dl:before{ position:absolute; right:0; top:0; width:80%; height:100%; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#e1e1e1)); content:""; z-index:1;}
.products dl:nth-child(2n){ margin:0 0 4% 0;}
.products dl dd{ float:left; width:46%; padding:0 0 16px 0; position:relative; z-index:2;}
.products dl dd img{ width:100%;}
.products dl dd p{ border:#e1e1e1 3px solid; box-shadow:0 0 14px #666;}
.products dl a{ display:block;}
.products dl dt{ float:right; width:42%; margin:0 6% 0 0; position:relative; z-index:3;}
.products dl dt em{ margin:16px auto 10px auto; font-size:18px; color:#333; font-weight:bold; display:block; line-height:24px; height:24px;}
.products dl dt p{ margin:10px auto 0 auto; font-size:14px; line-height:20px; height:80px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.product_width{ width:100%; margin:0 auto; overflow:hidden;}
.product_width .product_l{ width:42%; float:left; border:#eee 1px solid;}
.product_width .product_l img{ width:100%;}
.product_width .product_r{ float:right; width:54%;}
.product_width .product_r .p_name_k{ font-size:22px; color:#0193de; line-height:28px;}
.product_width .product_r dl{ overflow:hidden; margin:10px 0 0 0;}
.product_width .product_r dl dd{ background:#eee; font-size:18px; line-height:42px; padding:0 0 0 16px; color:#0193de;}
.product_width .product_r dl dt{ font-size:14px; color:#525252; line-height:25px; margin:14px 0 0 0;}

.p_yingy{ width:100%; margin:26px auto 0 auto; overflow:hidden;}
.p_yingy dl{ overflow:hidden;}
.p_yingy dl dd{ background:#eee; font-size:18px; line-height:42px; color:#000; padding:0 0 0 16px;}
.p_yingy dl dt{ font-size:14px; color:#525252; line-height:25px; margin:16px 0 0 0;}
.p_yingy dl dt img{ max-width:100%;}
.p_yingy dl dt table{ width:100%; margin:0 auto; border:0; border:#ddd 1px solid;}
.p_yingy dl dt table td{ font-size:14px; color:#525252; line-height:24px; border:#ddd 1px solid; padding:6px; text-align:center;}

.pro_xiangguan{ margin:26px auto 16px auto; overflow:hidden; background:#eee; line-height:42px; border-bottom:#ddd 1px solid; font-size:18px; color:#000;}
.pro_xiangguan i{ width:4px; height:18px; background:#0193de; float:left; margin:12px 10px 0 8px;}
.pro_xgcp{ margin:16px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#0193de 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#0193de;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:22.6%; margin:0 3.2% 3.2% 0;}
.ny_news ul li:nth-child(4n){ margin:0 0 3.2% 0;}
.ny_news ul li a{ display:block; border:#eee 1px solid; color:#333;}
.ny_news ul li a:hover{ text-decoration:none; color:#0193de;}
.ny_news ul li .ny_n_img{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news ul li .ny_n_img img{ width:100%;}
.ny_news ul li .ny_n_zt{ width:92%; margin:12px auto 6px auto; font-size:16px; color:#121212; line-height:26px; height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li .ny_n_jj{ width:92%; margin:6px auto 12px auto; font-size:14px; line-height:24px; height:72px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_news ul li .ny_n_time{ width:100%; margin:0 auto; border-top:#eee 1px solid; text-align:center; font-size:14px; color:#767676; line-height:24px; padding:8px 0;}

.news_xqing{ width:100%; margin:0 auto; overflow:hidden;}
.news_show{ float:left; width:72%;}
.news_bt{ font-size:20px; color:#121212; line-height:36px; text-align:center; margin:0 0 26px 0; border-bottom:#eee 1px solid;}
.news_bt p{ font-size:14px; color:#888; line-height:22px; margin:4px 0 0 0;}
.news_js{ font-size:14px; color:#333; line-height:25px;}
.news_js img{ max-width:100%;}
.news_js table{ width:100% !important; border:#ccc 1px solid;}
.news_js table td{ border:#ccc 1px solid; padding:1% 2%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#eee 1px solid;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../image/news_l.png) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../image/news_r.png) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#0193de; text-decoration:none;}
.news_biaoqian{ float:right; width:24%;}
.news_bq_name{ font-size:22px; color:#333; line-height:42px; border-bottom:#eee 1px solid;}
.n_biaoqian{ width:100%; margin:20px auto; overflow:hidden;}
.n_biaoqian a{ float:left; width:32%; margin:0 2% 2% 0; background:#f2f2f2; display:block; text-align:center; line-height:30px; transition:all .5s;}
.n_biaoqian a:nth-child(3n){ margin:0 0 2% 0;}
.n_biaoqian a:hover{ color:#fff; text-decoration:none; background:#0193de;}
.news_ts{ width:100%; margin:20px auto 0 auto;}
.news_ts .item-box{ position:relative; display:block; margin:0 0 8px 0;}
.news_ts .item-box .img{ overflow:hidden;}
.news_ts .item-box .img img{ width:100%; transition:.4s;}
.news_ts .item-box .text{ position:absolute; width:92%; left:0; bottom:0; padding:2% 4%; z-index:3; color:#fff;}
.news_ts .item-box .text h3{ margin-bottom:4px;}
.news_ts .item-box .filter{ position:absolute; width:100%; height:50%; left:0; bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5)); transition:.4s;}
.news_ts .item-box:hover .img img{ transition:.4s; transform:scale(1.1);}
.news_ts .item-box:hover .filter{ height:100%; transition:.4s;}


/*contact_us*/
.contact_us{ width:100%; margin:0 auto;}
.contact_us .contact_name{ width:100%; margin:0 auto 18px auto; font-size:24px; color:#333; line-height:36px; text-align:center;}
.contact_us ul{ margin:46px auto;}
.contact_us ul li{ float:left; width:13%; margin:0 1.5% 0 0; position:relative;}
.contact_us ul li:last-child{ margin:0;}
.contact_us ul li .contact_hover{ display:none;}
.contact_us ul li:hover .contact_hover{ display:block; position:absolute; left:0; top:-196px; width:100%; background:#0193de; border-radius:6px;}
.contact_us ul li .contact_hover div:after{ content:""; position:absolute; width:0; height:0; bottom:-14px; left:50%; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #0193de;}
.contact_us ul li .contact_hover div{ width:92%; margin:6px auto; position:relative;}
.contact_us ul li .contact_hover p{ font-size:28px; color:#fff; line-height:42px; text-align:center; padding:12px 0;}
.contact_us ul li .contact_hover span{ display:block; width:80%; margin:12px auto 0 auto; font-size:14px; color:#fff; line-height:25px; text-align:center;}
.contact_us ul li .contact_hover img{ width:100%;}
.contact_us ul li a{ color:#333;}
.contact_us ul li a:hover{ text-decoration:none; color:#0193de;}
.contact_us ul li .contact_img{ width:54px; margin:0 auto; overflow:hidden;}
.contact_us ul li .contact_img img{ width:100%; border-radius:50%;}
.contact_us ul li .contact_zhuti{ width:100%; margin:10px auto; overflow:hidden; text-align:center; font-size:16px; color:#0193de; line-height:28px;}
.contact_us ul li .contact_neirong{ width:100%; margin:0 auto; overflow:hidden; text-align:center; font-size:14px; line-height:25px;}
.contact_us .contact_size{ width:100%; margin:0 auto; overflow:hidden;}
.contact_us .contact_size iframe{ float:left;}

.messages_box{ width:100%; margin:0 auto;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ margin:0 2% 2% 0; float:left; width:49%;}
.messages_box ul li:nth-child(2n){ margin:0 0 2% 0;}
.messages_box ul li.ctttttps{ width:100%; float:none;}
.messages_box .text-input{ width:96%; border:none; padding:12px 0 12px 4%; font-size:14px; color:#333; line-height:26px; background:#f2f2f2; outline:medium;}
.messages_box .cont-inputs{ width:98%; padding:12px 0 12px 2%; height:218px; border:none; font-size:14px; color:#666; line-height:26px; background:#f2f2f2; outline:medium;}
.messages_box .messages-button{ width:198px; line-height:46px; font-size:16px; color:#fff; text-align:center; background:#0193de; cursor:pointer;}
.messages_box input::-webkit-input-placeholder,.messages_box textarea::-webkit-input-placeholder{ color:#666;}
.messages_box input:-moz-placeholder,.messages_box textarea:-moz-placeholder{ color:#666;}
.messages_box input::-moz-placeholder,.messages_box textarea::-moz-placeholder{ color:#666;}
.messages_box input:-ms-input-placeholder,.messages_box textarea:-ms-input-placeholder{ color:#666;}

.join_us{ width:100%; margin:0 auto 28px auto;}
.join_us ul{ background:#0193de; overflow:hidden; border-bottom:#fff 1px solid;}
.join_us ul li{ line-height:28px; margin:10px 0; overflow:hidden;}
.join_us ul li span{ font-size:18px; color:#fff;}
.join_us dl{ overflow:hidden; border-bottom:#fff 1px solid;}
.join_us dl dt{ overflow:hidden; background:#f0f0f0;}
.join_us dl dt em{ float:left; font-size:20px; color:#333; font-weight:bold; line-height:36px; margin:0 0 0 2%;}
.join_us dl.cur dt{ background:#fff; border-bottom:#eee 1px solid;}
.join_us span{ float:left; width:20%; text-align:center; font-size:14px; color:#525252; line-height:28px; padding:8px 0;}
.join_us span a{ color:#0193de; display:block;}
.join_us span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2%; font-size:14px; color:#525252; line-height:25px;}
.join_us dl dd em{ display:block; color:#0193de; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.join_fuli em{ font-size:20px; color:#333; font-weight:bold; line-height:36px; display:block; margin:0 0 8px 0;}

/*kefu*/
.four-con{ position:fixed; right:10px; top:50%; margin-top:-90px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-90px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#0193de; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-5px; border-top:5px solid transparent; border-left:7px solid #0193de; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-6px; left:-157px;}
.four-con ul li.a-w2 .f-all-con{ top:-43px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../image/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon4{ background:url(../image/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../image/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}

.ny_search{ margin:60px auto;}
.ny_search .search_kuang{ width:50%; margin:0 0 12px 0; border:#4f4f4f 1px solid; line-height:40px; overflow:hidden; border-radius:20px;}
.ny_search .search_kuang .search_dw{ float:left; padding:0 0 0 3%; width:65%; line-height:40px; border:0; color:#666; background:none; outline:none;}
.ny_search .search_kuang .button_dw{ float:right; border:0; width:40px; height:40px; background:url(../image/search_r.png) center no-repeat; cursor:pointer; outline:none;}
.ny_search dl{ border-bottom:#dfdfdf 1px solid; padding:22px 0;}
.ny_search dl dd{ font-size:18px; line-height:34px;}
.ny_search dl dd a{ color:#333;}
.ny_search dl dd a:hover{ color:#ee1d23;}
.ny_search dl dt{ font-size:16px; color:#525252; line-height:25px;}
.ny_search dl em{color: #ee1d23;}
.ny_search dl dt h2{ margin:6px 0 0 0;}
.ny_search dl dt h2 a{ color:#0372fc;}