@charset "utf-8";
/* 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:#333; 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% Arial,''; 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:#333; text-decoration:none;}
a:hover{ color:#b0261c; text-decoration:underline;}

.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.header{ height:100px; position:fixed; top:0px; left:0; z-index:100; width:100%; transition:all 0.3s;}
.header h1{ width:175px; float:left; margin:25px 0 24px 0; z-index:101;}
.header h1 img{ width:100%;}
.uper{ background:rgba(0,0,0,.5);}
.header .cnen{ float:right; width:96px; margin:33px 0 33px 19%; text-align:center;}
.header .cnen a{ font-size:17px; color:#333; line-height:34px; display:block; background:#fff; border-radius:5px;}
.header .cnen a:hover{ text-decoration:none; color:#000;}
.header .nav{ float:right;}
.header .nav ul{ font-size:0px;}
.header .nav li{ display:inline-block; position:relative; z-index:102; font-size:17px;}
.header .nav li p{ line-height:100px; text-transform:uppercase;}
.header .nav li p a{ display:block; padding:0 0 0 50px; color:#fff;}
.header .nav li:hover p a, .header .nav li a.current{ text-decoration:none; color:#eee;}
.header .nav li dl{ visibility:hidden; position:absolute; left:0%; top:100px; width:125px; background:#fff; box-shadow:0 0 3px #ccc; transition:all 0.3s; opacity:0; font-size:14px; padding:18px;}
.header .nav li dl:after{ content:""; position:absolute; width:0; height:0; top:-12px; left:25%; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #fff;}
.header .nav li:hover dl{ visibility:visible; opacity:1;}
.header .nav dd{ line-height:30px;}
.header .nav dd a{ display:block;}
.header .nav dd:hover a{ color:#b0261c; text-decoration:none;}
.menu{ display:none;}
.sub_menu{ display: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:34px; left:0; height:6px;}
.flex-control-nav li{ margin:0 13px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:25px; height:6px; display:block; background:rgba(255,255,255,.2); cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#fff;}
.flex-control-paging li a.flex-active{ background:#fff; cursor:default;}

.all_name{ font-size:30px; color:#333; line-height:42px; text-align:center; margin:0 0 60px 0;}
.yy{ color:#fff !important;}
.all_more{ width:104px; margin:20px auto 0 auto; overflow:hidden;}
.all_more a{ display:block; font-size:14px; color:#666; line-height:38px; text-align:center; border:#eee 1px solid; border-radius:2px; transition:all .35s;}
.all_more a:hover{ text-decoration:none; background:#eee;}
.hz{ margin:10px auto 0 auto !important;}

.company_profiles{ margin:75px auto; font-size:17px; color:#333; line-height:40px; text-indent:2em;}

/*youshi*/
.youshi{ margin:75px auto 118px;}
.youshi li{ float:left; width:10.91%; padding:4.5% 4.045%; margin:0 8% 0 0; background:#fff; cursor:pointer;}
.youshi li:last-child{ margin:0;}
.youshi li:hover{ box-shadow:0 0 20px #ddd;}
.youshi li .ys_img{ background:#ed5a8e; border-radius:50%;}
.youshi li:nth-child(2n) .ys_img{ background:#58cd63;}
.youshi li:nth-child(3n) .ys_img{ background:#03a5e3;}
.youshi li:nth-child(4n) .ys_img{ background:#f19149;}
.youshi li .ys_img img{ width:100%;}
.youshi li em{ display:block; font-size:16px; color:#333; line-height:22px; text-align:center; margin:32px 0 0 0;}

/*fenlei*/
.fenlei{ margin:75px auto 125px auto;}
.fenlei_kuang{ display:table;}
.fenlei_jies{ width:240px; height:400px; display:table-cell; color:#fff; position:relative; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.fenlei_jies .fl_left{ width:170px; position:relative; z-index:5; height:350px; padding:50px 35px 0; text-align:center;}
.fenlei_jies .fl_left .tit{ font-size:24px; line-height:30px;}
.fenlei_jies .fl_left i{ width:102px; height:102px; background:url(../images/fl1.png) center no-repeat; margin:44px auto 58px auto; display:block;}
.fenlei_jies:nth-child(2) .fl_left i{ background:url(../images/fl2.png) center no-repeat;}
.fenlei_jies:nth-child(3) .fl_left i{ background:url(../images/fl3.png) center no-repeat;}
.fenlei_jies:nth-child(4) .fl_left i{ background:url(../images/fl4.png) center no-repeat;}
.fenlei_jies .fl_right{ width:240px; height:400px; background:#eee; position:absolute; right:0; top:0; display:none; z-index:3; font-size:20px; line-height:32px; color:#666;}
.fenlei_jies .fl_right .cont{ display:table-cell; vertical-align:middle; padding:0 15%;}
.fenlei_jies:nth-child(1) .fl_left{ background:#f6bf29;}
.fenlei_jies:nth-child(2) .fl_left{ background:#f26159;}
.fenlei_jies:nth-child(3) .fl_left{ background:#92c729;}
.fenlei_jies:nth-child(4) .fl_left{ background:#48a4f0;}
.fenlei_jies.active{ width:480px;}
.fenlei_jies.active .fl_right{ display:table;}
.fenlei_jies .btn_gn, .fenlei_jies .btn_zx{ width:100px; height:36px; line-height:36px; border:1px solid #fff; text-align:center; margin:0 auto; border-radius:4px; display:block;}
.fenlei_jies .btn_gn{ color:#fff;}
.fenlei_jies .btn_zx{ background:#fff; color:#333; margin:10px auto 0 auto;}

/*yingyong*/
.yingyong{ width:100%; margin:75px auto 125px; background:url(../images/yybg.jpg) center no-repeat; padding:30px 0 0 0;}
.yingyong ul{ overflow:hidden;}
.yingyong ul li{ float:left; width:12.5%; margin:0 9.375% 3.5% 0;}
.yingyong ul li:nth-child(5n){ margin:0 0 3.5% 0;}
.yingyong ul li img{ width:100%;}
.yingyong ul li span{ display:block; font-size:16px; color:#fff; text-align:center; line-height:26px; margin:10px 0 0 0;}

/*case*/
.case{ margin:75px auto 95px;}
.case ul{ overflow:hidden;}
.case ul li{ float:left; width:22.6%; margin:0 3.2% 2.8% 0;}
.case ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.case ul li a{ color:#666;}
.case ul li a:hover{ text-decoration:none;}
.case ul li .case_img{ width:100%; margin:0 auto; overflow:hidden;}
.case ul li img{ width:100%; display:block; transform:perspective(800px) rotateY(0deg); transition:all 1s ease 0s; -moz-transform:perspective(800px) rotateY(0deg); -moz-transition:all 1s ease 0s; -webkit-transform:perspective(800px) rotateY(0deg); -webkit-transition:all 1s ease 0s; -o-transform:perspective(800px) rotateY(0deg); -o-transition:all 1s ease 0s; -ms-transform:perspective(800px) rotateY(0deg); -ms-transition:all 1s ease 0s; zoom:1;}
.case ul li:hover img{ transform:perspective(800px) rotateY(-179.9deg); -moz-transform:perspective(800px) rotateY(-179.9deg); -webkit-transform:perspective(800px) rotateY(-179.9deg); -o-transform:perspective(800px) rotateY(-179.9deg); -ms-transform:perspective(800px) rotateY(-179.9deg);}
.case ul li .case_name{ border:#eee 1px solid; padding:16px 12px; font-size:16px; color:#333;}
.case ul li:hover .case_name{ border:#b0261c 1px solid;}
.case ul li .case_name em{ font-size:12px; color:#666; margin:5px 0 0 0; line-height:22px; height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*hezuo*/
.hezuo{ width:100%; margin:75px auto; background:url(../images/hzbg.jpg) center no-repeat;}
.hezuo ul{ overflow:hidden;}
.hezuo ul li{ float:left; width:17.4%; margin:0 3.25% 3.25% 0; cursor:pointer;}
.hezuo ul li img{ width:100%;}
.hezuo ul li:nth-child(5n){ margin:0 0 3.25% 0;}

/*footer*/
.footer_contact{ width:100%; background:#000; margin:0 auto; overflow:hidden; padding:18px 0;}
.footer_tel{ float:left; background:url(../images/footer_c1.png) left center no-repeat; font-size:22px; color:#fff; line-height:57px; padding:0 0 0 72px;}
.footer_time{ float:left; background:url(../images/footer_c2.png) left center no-repeat; font-size:22px; color:#fff; line-height:57px; padding:0 0 0 72px; margin:0 0 0 16%;}
.footer_ser{ float:right; background:url(../images/footer_c3.png) left center no-repeat; font-size:22px; color:#fff; line-height:57px; padding:0 0 0 72px;}
.footer{ width:100%; background:#1b1b1b; margin:0 auto; overflow:hidden; padding:48px 0;}
.footer .footer_links{ float:left; width:85%;}
.footer .footer_links dl{ float:left; width:22%; border-right:#434343 1px solid; padding:0 6% 0 0; margin:0 8% 0 0;}
.footer .footer_links dl dd.f1{ width:68%; margin:0;}
.footer .footer_links dl dd.f1 img{ width:100%;}
.footer .footer_links dl dd.f4{ font-size:15px; color:#999; line-height:20px; margin:10px 0 20px 0;}
.footer .footer_links dl dd.f2{ font-size:15px; color:#fff; line-height:22px; margin:40px 0 20px 0;}
.footer .footer_links dl dd.f3{ font-size:14px; line-height:25px; margin:0;}
.footer .footer_links dl dd.f3 a{ color:#fff; font-size:14px;}
.footer .footer_links dl dd.f3 a:hover{ color:#b0261c; text-decoration:none;}
.footer .footer_links dl:nth-child(2n){ width:10%; padding:0 8% 0 0; margin:0 8% 0 0;}
.footer .footer_links dl dd{ font-size:22px; color:#fff; line-height:22px; margin:0 0 21px 0;}
.footer .footer_links dl dt{ line-height:32px;}
.footer .footer_links dl dt a{ font-size:15px; color:#999; display:block;}
.footer .footer_links dl dt a:hover{ text-decoration:none; color:#b0261c;}
.footer .footer_links dl:last-child{ width:27%; padding:0 4% 0 0; margin:0;}
.footer .footer_links dl:last-child dt{ width:50%; float:left;}
.footer .footer_erweima{ float:right; width:11.5%;}
.footer .footer_erweima img{ max-width:100%;}
.footer .footer_erweima span{ font-size:16px; color:#fff; line-height:25px; text-align:center; display:block; margin:16px 0 0 0;}


/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.ny_banner img{ width:100%;}
.ny_banner .ny_b_name{ display:table; position:absolute; width:100%; left:0; top:50%; margin:-31px 0 0 0;}
.ny_banner .ny_b_name .cont_t{ display:table-cell; vertical-align:middle;}
.ny_banner .ny_b_name .cont_t h2{ width:208px; margin:0 auto; border:#fff 1px solid; font-size:28px; color:#fff; line-height:60px; font-weight:bold; text-align:center;}

/*subnav*/
.subnav{ font-size:0px; text-align:center; margin:60px auto 52px auto;}
.subnav li{ display:inline-block; font-size:18px; width:17.4%; margin:0 1.8%; line-height:50px;}
.subnav li a{ display:block; background:#eee;}
.subnav li a:hover{ text-decoration:none;}
.subnav li a.current{ color:#fff; background:#313131;}

.ny_more{ width:100px; margin:0 auto; overflow:hidden;}
.ny_more a{ display:block; font-size:14px; color:#666; line-height:42px; text-align:center; border:#eee 1px solid; border-radius:2px; transition:all .35s;}
.ny_more a:hover{ text-decoration:none; background:#eee;}

/*product*/
.product_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 60px auto; overflow:hidden;}
.product_name span{ display:block; font-size:14px;}
.products{ margin:60px auto;}
.product{ width:100%; margin:0 auto; overflow:hidden;}
.product .product_left{ float:left; width:50%;}
.product .product_left img{ width:100%;}
.product .product_right{ float:right; width:42%;}
.product .product_right h3{ font-size:20px; color:#333; line-height:32px; margin:20px 0;}
.product .product_right h4{ font-size:14px; color:#666; line-height:27px; margin:20px 0;}
.product .product_right .xiaochengxu{ width:168px;}
.product .product_right .xiaochengxu img{ width:100%;}
.product .product_right .xiaochengxu span{ display:block; font-size:12px; color:#666; line-height:20px; text-align:center; margin:8px 0 0 0;}
.changjing{ width:100%; margin:60px auto; background:#f9f9f9; padding:50px 0 80px 0;}
.changjing ul{ overflow:hidden;}
.changjing ul li{ float:left; width:7.5%; margin:0 4.0625% 0 0;}
.changjing ul li:last-child{ margin:0;}
.changjing ul li img{ width:100%;}
.changjing ul li span{ display:block; font-size:14px; color:#333; line-height:25px; text-align:center; margin:10px 0 0 0;}
.gongju{ margin:60px auto 0 auto;}
.gongju ul{ overflow:hidden;}
.gongju ul li{ float:left; width:11.8333333%; margin:0 5.75% 5.75% 0;}
.gongju ul li:nth-child(6n){ margin:0 0 5.75% 0;}
.gongju ul li .gj_img{ width:100%; margin:0 auto; overflow:hidden; background:#f6a458; border-radius:8px;}
.gongju ul li .gj_img img{ width:100%;}
.gongju ul li:nth-child(2n) .gj_img{ background:#f06d51;}
.gongju ul li:nth-child(3n) .gj_img{ background:#4ab5ed;}
.gongju ul li:nth-child(4n) .gj_img{ background:#9e6947;}
.gongju ul li:nth-child(5n) .gj_img{ background:#aa89bd;}
.gongju ul li:nth-child(6n) .gj_img { background:#89c997;}
.gongju ul li:nth-child(7n) .gj_img { background:#cce198;}
.gongju ul li:nth-child(8n) .gj_img { background:#47b9ed;}
.gongju ul li:nth-child(9n) .gj_img { background:#f9a25b;}
.gongju ul li:nth-child(10n) .gj_img { background:#f06d51;}
.gongju ul li:nth-child(11n) .gj_img { background:#89c997;}
.gongju ul li:nth-child(12n) .gj_img { background:#aa89bd;}
.gongju ul li .gj_shuom{ width:100%; margin:28px auto 24px auto; overflow:hidden; font-size:15px; color:#666; font-weight:bold; line-height:20px; text-align:center;}
.gongju ul li .gj_shuom span{ font-size:13px; font-weight:normal; height:40px; text-align:left; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:14px 0 0 0;}
.gongju ul li .gj_more{ width:94px; margin:0 auto; overflow:hidden;}
.gongju ul li .gj_more a{ display:block; font-size:14px; color:#666; line-height:34px; text-align:center; border:#eee 1px solid; border-radius:2px; transition:all .35s;}
.gongju ul li .gj_more a:hover{ text-decoration:none; background:#eee;}
.dazao{ width:100%; margin:0 auto 60px auto; overflow:hidden; background:url(../images/dazaobg.jpg) center no-repeat; padding:60px 0 90px 0;}
.dazao ul{ overflow:hidden;}
.dazao ul li{ float:left; width:8.5%;}
.dazao ul li.jt{ width:3%; margin:3% 1.875% 0;}
.dazao ul li img{ width:100%;}
.dazao ul li span{ display:block; text-align:center; font-size:16px; color:#fff; line-height:28px; margin:16px 0 0 0;}
.zixun{ margin:60px auto;}
.zixun_m{ width:68%; margin:0 auto;}
.zixun_m ul{ overflow:hidden;}
.zixun_m ul li{ float:left; width:49%; margin:0 2% 22px 0;}
.zixun_m ul li:nth-child(2n){ margin:0 0 22px 0;}
.zixun_m .t_input{ width:95.6%; border:#eee 1px solid; padding:8px 0 8px 4%; font-size:14px; color:#666; border-radius:5px; line-height:24px; outline:none;}
.zixun_m ul li.one_z{ width:100%; float:none;}
.zixun_m .c_input{ width:97.8%; border:#eee 1px solid; padding:8px 0 8px 2%; height:192px; font-size:14px; color:#666; border-radius:5px; line-height:24px; cue-after:none; outline:none;}
.zixun_m ul li.one_s{ width:232px; float:none; overflow:hidden; margin:20px auto 0 auto;}
.zixun_m .m_button{ width:108px; line-height:42px; font-size:18px; color:#fff; text-align:center; background:#c9c9c9; cursor:pointer; border-radius:5px; text-transform:uppercase; float:left; margin:0 16px 0 0;}
.zixun_m .m_buttons{ width:108px; line-height:42px; font-size:18px; color:#fff; text-align:center; background:#b0261c; cursor:pointer; border-radius:5px; text-transform:uppercase; float:left;}
.zixun_m .m_buttons2{ width:108px; line-height:42px; font-size:18px; color:#fff; text-align:center; background:#0061ff; cursor:pointer; border-radius:5px; text-transform:uppercase; float:left;}

/*baidu*/
.baidu{ margin:60px auto;}
.baidu .baidu_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 20px auto; overflow:hidden;}
.baidu .baidu_w{ width:100%; margin:0 auto; overflow:hidden;}
.baidu .baidu_l{ float:left; width:44%;}
.baidu .baidu_l img{ width:100%;}
.baidu .baidu_r{ float:right; width:40%; font-size:17px; color:#333; line-height:40px; text-indent:2em; margin:6% 0 0 0;}

.baidu_nengli{ width:100%; margin:60px auto; overflow:hidden; background:#f8f8f8;}
.baidu_nengli .bd_nl_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:68px auto 60px auto; overflow:hidden;}
.baidu_nengli .bd_nl_name span{ display:block; font-size:14px;}
.baidu_nengli .bd_nl_w{ width:100%; margin:60px auto 88px auto;}
.baidu_nengli .bd_nl_w ul{ overflow:hidden;}
.baidu_nengli .bd_nl_w ul li{ float:left; width:25%;}
.baidu_nengli .bd_nl_w ul li .bd_nl_img{ width:35%; margin:0 auto;}
.baidu_nengli .bd_nl_w ul li .bd_nl_img img{ width:100%;}
.baidu_nengli .bd_nl_w ul li .bd_nl_js{ width:60%; margin:0 auto; font-size:14px; color:#333; line-height:25px; text-align:center;}
.baidu_nengli .bd_nl_w ul li .bd_nl_js em{ display:block; font-size:26px; color:#333; font-weight:bold; line-height:52px; margin:0 0 12px 0;}

.baidu_liuliang{ margin:60px auto;}
.baidu_liuliang .bd_ll_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:68px auto 60px auto; overflow:hidden;}
.baidu_liuliang .bd_ll_name span{ display:block; font-size:14px;}
.bd_ll_con{ width:100%; margin:40px auto 0 auto; display:none;}
.bd_ll_con ul{ overflow:hidden; text-align:center; font-size:0;}
.bd_ll_con ul li{ display:inline-block; width:23.5%; margin:0 2% 0 0; font-size:14px;}
.bd_ll_con ul li:last-child{ margin:0;}
.bd_ll_con ul li img{ width:100%;}
.bd_ll_con ul li em{ font-size:16px; color:#333; line-height:26px; height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:26px 0 6px 0;}
.bd_ll_con ul li span{ font-size:14px; line-height:24px; color:#999; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.bd_on{ display:block;}
.bd_ll_nav{ border-bottom:#eee 1px solid; height:66px; overflow:hidden; display:flex;}
.bd_ll_nav li{ float:left; width:33.333334%; font-size:18px; color:#333; text-align:center; line-height:65px; cursor:pointer;}
.bd_ll_nav li.bd_act{ font-size:24px; font-weight:bold; color:#0061ff;}
.bd_ll_nav li.bd_act span{ display:inline-block; border-bottom:#0061ff 2px solid; line-height:63px;}

.baidu_liucheng{ width:100%; margin:60px auto; background:url(../images/bd_lc_bg.jpg) center no-repeat; padding:60px 0; overflow:hidden;}
.baidu_liucheng .bd_lc_name{ font-size:30px; color:#fff; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.baidu_liucheng .bd_lc_w{ width:100%; margin:0 auto;}
.baidu_liucheng .bd_lc_w ul{ overflow:hidden;}
.baidu_liucheng .bd_lc_w ul li{ float:left; width:22.6%; margin:0 3.2% 0 0; background:#fff;}
.baidu_liucheng .bd_lc_w ul li:last-child{ margin:0;}
.baidu_liucheng .bd_lc_w ul li .bd_lc_shu{ width:86%; margin:16px auto; overflow:hidden;}
.baidu_liucheng .bd_lc_w ul li .bd_lc_shu img{ width:39%;}
.baidu_liucheng .bd_lc_w ul li .bd_lc_wen{ width:75%; margin:16px auto; font-size:14px; color:#666; line-height:25px;}
.baidu_liucheng .bd_lc_w ul li .bd_lc_wen em{ position:relative; font-size:25px; color:#333; line-height:60px; margin:0 0 14px 0; padding:0 0 12px 0; height:60px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.baidu_liucheng .bd_lc_w ul li .bd_lc_wen em:before{ position:absolute; left:0; bottom:0; width:48px; height:4px; content:""; background:#1b1b1b;}
.baidu_liucheng .bd_lc_w ul li .bd_lc_wen span{ height:75px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.baidu_case{ margin:60px auto;}
.baidu_case .bd_case_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 20px auto; overflow:hidden;}
.bd_case_con{ width:100%; margin:40px auto 0 auto; display:none; position:relative;}
.bd_case_cdd{ width:100%; margin:0 auto; overflow:hidden;}
.bd_case_cdd .bd_case_left{ float:left; width:73%;}
.bd_case_cdd .bd_case_left .mingcheng{ width:60%; margin:0 0 0 0; overflow:hidden; font-size:16px; color:#666; line-height:24px;}
.bd_case_cdd .bd_case_left .mingcheng em{ display:block; color:#333; font-size:38px; font-weight:bold; line-height:52px; margin:0 0 20px 0;}
.bd_case_cdd .bd_case_left .bd_case_ewm{ width:146px; margin:42px 0 0 0;}
.bd_case_cdd .bd_case_left .bd_case_ewm img{ width:100%;}
.bd_case_cdd .bd_case_left .bd_case_ewm span{ display:block; border:#eee 1px solid; margin:0 0 4px 0;}
.bd_case_cdd .bd_case_left .bd_case_ewm em{ display:block; position:relative; font-size:12px; line-height:21px; text-align:center; color:#999;}
.bd_case_cdd .bd_case_left .bd_case_ewm em:before{ position:absolute; left:0; top:10px; width:16px; height:1px; background:#999; content:"";}
.bd_case_cdd .bd_case_left .bd_case_ewm em:after{ position:absolute; right:0; top:10px; width:16px; height:1px; background:#999; content:"";}
.bd_case_cdd .bd_case_right{ float:right; width:23%;}
.bd_case_cdd .bd_case_right img{ width:100%;}
.bd_case_con .bd_case_xtb{ position:absolute; bottom:36px; left:0; width:73%;}
.bd_case_con .bd_case_xtb ul{ overflow:hidden;}
.bd_case_con .bd_case_xtb ul li{ float:left; width:7%; margin:0 2.3% 0 0;}
.bd_case_con .bd_case_xtb ul li:nth-child(11n){ margin:0;}
.bd_case_con .bd_case_xtb ul li img{ width:100%; opacity:0.4; border-radius:50%; border:#eee 1px solid; cursor:pointer; transition:all .35s;}
.bd_case_con .bd_case_xtb ul li.bd_case_lcd img{ opacity:1;}
.bd_case_on{ display:block;}
.bd_case_nav{ border-bottom:#eee 1px solid; height:66px; overflow:hidden; font-size:0; text-align:center;}
.bd_case_nav li{ display:inline-block; width:10%; font-size:18px; color:#333; text-align:center; line-height:65px; cursor:pointer;}
.bd_case_nav li.bd_case_act{ font-size:24px; font-weight:bold; color:#0061ff;}
.bd_case_nav li.bd_case_act span{ display:inline-block; border-bottom:#0061ff 2px solid; line-height:63px;}

/*new_media*/
.new_media{ margin:60px auto;}
.new_media .new_media_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.new_media .new_media_name span{ width:88%; margin:14px auto 0 auto; display:block; font-size:16px; color:#666; line-height:24px;}
.new_media .new_media_w{ width:100%; margin:0 auto;}
.new_media .new_media_w ul li{ float:left; width:19.6%; margin:0 7.2% 0 0; position:relative; font-size:14px; color:#999; line-height:24px; text-align:center; padding:0 0 32px 0;}
.new_media .new_media_w ul li:before{ width:80px; height:2px; background:#0061ff; position:absolute; left:50%; bottom:0; margin:0 0 0 -40px; content:"";}
.new_media .new_media_w ul li:last-child{ margin:0;}
.new_media .new_media_w ul li div{ width:59%; margin:0 auto; border:#eee 1px solid; border-radius:50%;}
.new_media .new_media_w ul li div img{ width:100%;}
.new_media .new_media_w ul li:hover div{ animation:animate 1s; border:#0061ff 1px solid; background:#0061ff;}
.new_media .new_media_w ul li:hover:nth-child(2n) div{ border:#04f1d2 1px solid; background:#04f1d2;}
.new_media .new_media_w ul li:hover:nth-child(3n) div{ border:#f08300 1px solid; background:#f08300;}
.new_media .new_media_w ul li:hover:nth-child(4n) div{ border:#28cf5e 1px solid; background:#28cf5e;}
@keyframes animate{
	0%{ transform:translateY(0);}
	25%{ transform:translateY(-20px);}
	50%{ transform:translateY(0);}
	65%{ transform:translateY(-12px);}
	80%{ transform:translateY(0);}
	90%{ transform:translateY(-4px);}
	100%{ transform:translateY(0);}
}
.new_media .new_media_w ul li em{ font-size:20px; color:#666; display:block; margin:40px 0 24px 0;}

.new_media_solution{ width:100%; margin:60px auto; background:#000 url(../images/new_media_solution.jpg) top center no-repeat; padding:60px 0; overflow:hidden;}
.new_media_solution .solution_name{ font-size:30px; color:#fff; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.new_media_solution .solution_name span{ width:60%; margin:14px auto 0 auto; display:block; font-size:16px; color:#eee; line-height:24px;}
.new_media_solution .new_solution{ width:100%; margin:0 auto;}
.new_media_solution .new_solution ul{ overflow:hidden;}
.new_media_solution .new_solution ul li{ float:left; width:20%; background:#424549; padding:52px 0; position:relative; cursor:pointer;}
.new_media_solution .new_solution ul li:nth-child(2n){ background:#6e7379;}
.new_media_solution .new_solution ul li .sol_hover{ display:none;}
.new_media_solution .new_solution ul li:hover .sol_hover{ position:absolute; left:0; top:0; width:80% !important; height:100%; background:#0061ff; padding:0 10%; display:flex; justify-content:center; overflow:hidden; align-items:center; font-size:18px; color:#fff; line-height:28px;}
.new_media_solution .new_solution ul li div{ width:88px; margin:0 auto;}
.new_media_solution .new_solution ul li div img{ width:100%;}
.new_media_solution .new_solution ul li em{ display:block; font-size:20px; color:#ccc; line-height:32px; text-align:center; margin:22px 0 0 0;}
.new_media_solution .new_m_more{ margin:52px auto 0 auto; text-align:center; font-size:14px; color:#fff; line-height:24px;}
.new_media_solution .new_m_more a{ width:152px; margin:0 auto 8px auto; display:block; background:#0061ff; font-size:18px; line-height:52px; color:#fff; transition:all .35s;}
.new_media_solution .new_m_more a:hover{ text-decoration:none; background:#e5e5e5; color:#333;}

.brand_dingwei{ margin:60px auto;}
.brand_dingwei .brand_d_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.brand_dingwei .brand_d_w{ width:100%; margin:0 auto;}
.brand_dingwei .brand_d_w ul{ overflow:hidden;}
.brand_dingwei .brand_d_w ul li{ float:left; width:25%; margin:0 12.5% 0 0; position:relative;}
.brand_dingwei .brand_d_w ul li:last-child{ margin:0;}
.brand_dingwei .brand_d_w ul li img{ width:100%; border-radius:50%;}
.brand_dingwei .brand_d_w ul li div{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.brand_dingwei .brand_d_w ul li p{ width:85%; margin:0 auto; font-size:14px; color:#fff; line-height:24px;}
.brand_dingwei .brand_d_w ul li p.zt{ font-size:20px; margin:0 auto 20px auto;}

.hulianwang{ width:100%; margin:60px auto; background:#f6f6f6; padding:60px 0; overflow:hidden;}
.hulianwang .hulianwang_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.hulianwang .hulianwang_name span{ width:88%; margin:14px auto 0 auto; display:block; font-size:16px; color:#666; line-height:24px;}
.hulianwang .hulianwang_w{ width:100%; margin:0 auto;}
.hulianwang .hulianwang_w ul{ overflow:hidden;}
.hulianwang .hulianwang_w ul li{ float:left; width:19.6%; margin:0 7.2% 0 0;}
.hulianwang .hulianwang_w ul li:last-child{ margin:0;}
.hulianwang .hlw_k{ border:#ececec 2px solid; padding:22px 0;}
.hulianwang .hlw_img{ width:56%; margin:0 auto;}
.hulianwang .hlw_img img{ width:100%;}
.hulianwang .hlw_wz{ width:100%; margin:36px auto 14px auto; font-size:16px; color:#333; text-align:center; line-height:26px;}
.hulianwang .hulianwang_more{ margin:52px auto 0 auto; text-align:center; font-size:14px; color:#666; line-height:24px;}
.hulianwang .hulianwang_more a{ width:152px; margin:0 auto 8px auto; display:block; background:#0061ff; font-size:18px; line-height:52px; color:#fff; transition:all .35s;}
.hulianwang .hulianwang_more a:hover{ text-decoration:none; background:#e5e5e5; color:#333;}

.cehua{ margin:60px auto 40px auto; background:#f7f7f7; padding:48px 0;}
.cehua .cehua_left{ float:left; margin:0 0 0 4%; width:40%; position:relative;}
.cehua .cehua_left em{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:30px; color:#fff; line-height:42px;}
.cehua .cehua_left img{ width:100%;}
.cehua .cehua_right{ float:right; width:40%; margin:0 4% 0 0;}
.cehua .cehua_right dl{ overflow:hidden; margin:0 0 52px 0;}
.cehua .cehua_right dl:last-child{ margin:0;}
.cehua .cehua_right dl dd{ float:left; width:16%; position:relative;}
.cehua .cehua_right dl dd img{ width:100%;}
.cehua .cehua_right dl dd span{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:20px; color:#fff; line-height:32px;}
.cehua .cehua_right dl dt{ float:right; width:75%; font-size:16px; color:#333; line-height:26px;}
.cehua .cehua_right dl dt span{ display:block; color:#000; font-weight:bold; margin:0 0 4px 0;}
.huodong{ margin:40px auto 60px auto; background:#f7f7f7; padding:48px 0;}
.huodong .huodong_left{ float:left; width:40%; margin:0 0 0 4%;}
.huodong .huodong_left ul{ overflow:hidden;}
.huodong .huodong_left ul li{ float:left; width:50%; margin:26px 0 60px 0;}
.huodong .huodong_left ul li:nth-child(3n){ margin:0;}
.huodong .huodong_left ul li:nth-child(4n){ margin:0;}
.huodong .huodong_left ul li div{ width:36.5%; margin:0 auto; background:#0061ff; border-radius:50%;}
.huodong .huodong_left ul li img{ width:100%;}
.huodong .huodong_left ul li span{ display:block; font-size:16px; color:#000; font-weight:bold; text-align:center; line-height:26px; margin:16px 0 0 0;}
.huodong .huodong_right{ float:right; margin:0 4% 0 0; width:40%; position:relative;}
.huodong .huodong_right em{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:30px; color:#fff; line-height:42px;}
.huodong .huodong_right img{ width:100%;}

.qudao{ width:100%; margin:60px auto; background:url(../images/qudao.jpg) center no-repeat; padding:60px 0; overflow:hidden;}
.qudao .qudao_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.qudao .qudao_name span{ width:88%; margin:14px auto 0 auto; display:block; font-size:16px; color:#666; line-height:24px;}
.qudao .qudao_w{ width:100%; margin:0 auto;}
.qudao .qudao_w ul{ overflow:hidden;}
.qudao .qudao_w ul li{ float:left; width:10%; margin:0 8% 0 0;}
.qudao .qudao_w ul li:last-child{ margin:0;}
.qudao .qudao_w ul li div{ width:68%; margin:0 auto;}
.qudao .qudao_w ul li div img{ width:100%; border-radius:20px;}
.qudao .qudao_w ul li em{ display:block; font-size:16px; color:#666; line-height:24px; text-align:center; margin:18px 0 0 0;}
.qudao .qudao_more{ margin:52px auto 0 auto; text-align:center; font-size:14px; color:#666; line-height:24px;}
.qudao .qudao_more a{ width:152px; margin:0 auto 8px auto; display:block; background:#0061ff; font-size:18px; line-height:52px; color:#fff; transition:all .35s;}
.qudao .qudao_more a:hover{ text-decoration:none; background:#e5e5e5; color:#333;}

.fudong_h5{ margin:60px auto;}
.fudong_h5 .fudong_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.fudong_h5 .h5_width{ width:100%; margin:0 auto;}
.fudong_h5 .h5_width ul{}
.fudong_h5 .h5_width ul li{ width:20.8%; margin:0 5.6% 0 0; float:left; cursor:pointer;}
.fudong_h5 .h5_width ul li:last-child{ margin:0;}
.fudong_h5 .h5_width ul li .fudong_k{ border:#eee 1px solid; padding:32px 0;}
.fudong_h5 .h5_width ul li:hover .fudong_k{ border:#0095eb 1px solid; box-shadow:0 8px 20px #ccc;}
.fudong_h5 .h5_width ul li .fudong_img{ width:40%; margin:0 auto;}
.fudong_h5 .h5_width ul li .fudong_img img{ width:100%;}
.fudong_h5 .h5_width ul li .fudong_wz{ width:80%; margin:62px auto 28px auto; position:relative; font-size:18px; color:#333; line-height:28px; text-align:center; padding:28px 0 0 0;}
.fudong_h5 .h5_width ul li .fudong_wz:before{ position:absolute; left:50%; width:80px; height:2px; background:#b5b5b5; top:0; margin:0 0 0 -40px; content:"";}
.fudong_h5 .h5_width ul li .fudong_sm{ width:80%; margin:0 auto; font-size:14px; color:#333; line-height:24px; text-align:center;}

.weibo{ margin:60px auto;}
.weibo .weibo_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.weibo .weibo_name span{ width:88%; margin:14px auto 0 auto; display:block; font-size:16px; color:#666; line-height:24px;}
.weibo .weibo_width{ width:100%; margin:0 auto;}
.weibo .weibo_width ul{}
.weibo .weibo_width ul li{ float:left; width:9.7%; cursor:pointer;}
.weibo .weibo_width ul li img{ width:100%;}
.weibo .weibo_width ul li div{ transition:all 1s;}
.weibo .weibo_width ul li div:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}
.weibo .weibo_width ul li.xuxian{ float:left; width:7.9%; margin:66px 6.25% 0 6.25%; border-bottom:#0095eb 2px dotted; height:0;}
.weibo .weibo_width ul li p{ font-size:16px; color:#333; line-height:24px; text-align:center; margin:26px auto 0 auto;}

.douyin{ width:100%; margin:60px auto; background:#f6f6f6; padding:60px 0; overflow:hidden;}
.douyin .douyin_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.douyin .douyin_width{ width:100%; margin:0 auto;}
.douyin .douyin_width ul{ overflow:hidden;}
.douyin .douyin_width ul li{ float:left; width:18.4%; margin:0 2% 0 0; background:#fff; padding:35px 0 16px 0; cursor:pointer; transition:all .75s;}
.douyin .douyin_width ul li:hover{ background:#c70c1f;}
.douyin .douyin_width ul li:last-child{ margin:0;}
.douyin .douyin_width ul li .douyin_img{ width:56.5%; margin:0 auto; background:#eee; border-radius:50%;}
.douyin .douyin_width ul li:hover .douyin_img{ background:#fff;}
.douyin .douyin_width ul li .douyin_img img{ width:100%;}
.douyin .douyin_width ul li .douyin_mc{ width:82%; margin:32px auto 20px auto; font-size:16px; color:#333; text-align:center; line-height:20px;}
.douyin .douyin_width ul li:hover .douyin_mc{ color:#fff;}
.douyin .douyin_width ul li .douyin_js{ width:82%; margin:0 auto; font-size:12px; color:#666; line-height:20px; text-align:center; height:80px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.douyin .douyin_width ul li:hover .douyin_js{ color:#ddd;}
.douyin .douyin_more{ margin:52px auto 0 auto; text-align:center; font-size:14px; color:#666; line-height:24px;}
.douyin .douyin_more a{ width:152px; margin:0 auto 8px auto; display:block; background:#0061ff; font-size:18px; line-height:52px; color:#fff; transition:all .35s;}
.douyin .douyin_more a:hover{ text-decoration:none; background:#e5e5e5; color:#333;}

.new_media_case{ margin:60px auto;}
.new_media_case .new_media_case_name{ font-size:30px; color:#333; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.new_media_cases{ position:relative; margin:0 auto 52px auto;}
.new_media_cases .pre,.new_media_cases .next{ position:absolute; display:block; width:38px; height:76px; top:50%; margin:-38px 0 0 0;}
.new_media_cases .pre{ left:0; cursor:pointer; background:url(../images/prev.jpg) no-repeat center;}
.new_media_cases .next{ right:0; cursor:pointer; background:url(../images/next.jpg) no-repeat center;}
.new_media_case_width{ width:86%; margin:0 auto; overflow:hidden;}
.new_media_case_width ul{ width:800%;}
.new_media_case_width li{ float:left; display:inline; width:3.5%; margin:0 1% 0 0;}
.new_media_case_width li img{ width:100%;}
.new_media_case .new_media_case_more{ width:152px; margin:0 auto;}
.new_media_case .new_media_case_more a{ display:block; background:#0061ff; font-size:18px; line-height:52px; text-align:center; color:#fff; transition:all .35s;}
.new_media_case .new_media_case_more a:hover{ text-decoration:none; background:#e5e5e5; color:#333;}

.new_media_lc{ width:100%; margin:60px auto; background:url(../images/new_media_lc_bg.jpg) center no-repeat; padding:60px 0; overflow:hidden;}
.new_media_lc .new_media_lc_name{ font-size:30px; color:#fff; text-align:center; line-height:42px; width:100%; margin:0 auto 48px auto; overflow:hidden;}
.new_media_lc .new_media_lc_w{ width:100%; margin:0 auto;}
.new_media_lc .new_media_lc_w ul{ overflow:hidden;}
.new_media_lc .new_media_lc_w ul li{ width:12%; margin:0 5.6% 0 0; float:left; position:relative; cursor:pointer;}
.new_media_lc .new_media_lc_w ul li:last-child{ margin:0;}
.new_media_lc .new_media_lc_w ul li .new_media_bg{}
.new_media_lc .new_media_lc_w ul li img{ width:100%;}
.new_media_lc .new_media_lc_w ul li .new_media_bg_hover{ display:none;}
.new_media_lc .new_media_lc_w ul li:hover .new_media_bg{ display:none;}
.new_media_lc .new_media_lc_w ul li:hover .new_media_bg_hover{ display:block;}
.new_media_lc .new_media_lc_w ul li .new_media_lc_shu{ position:absolute; left:50%; top:22px; margin:0 0 0 -26px; width:52px; height:52px;}
.new_media_lc .new_media_lc_w ul li .new_media_lc_shu img{ width:100%;}
.new_media_lc .new_media_lc_w ul li .new_media_lc_wen{ position:absolute; left:50%; bottom:22px; font-size:14px; color:#1c1c1c; line-height:25px; text-align:center; width:76%; margin:0 0 0 -38%;}

/*ny_case*/
.ny_case{ margin:75px auto;}
.ny_case ul{ overflow:hidden;}
.ny_case ul li{ float:left; width:22.6%; margin:0 3.2% 4% 0; position:relative;}
.ny_case ul li:nth-child(4n){ margin:0 0 4% 0;}
.ny_case ul li a{ color:#666;}
.ny_case ul li a:hover{ text-decoration:none;}
.ny_case ul li .ny_case_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(0,0,0,.5);}
.ny_case ul li:hover .ny_case_hover{ display:block;}
.ny_case ul li:hover .ny_case_hover .ny_case_table{ display:table; height:100%; width:100%;}
.ny_case ul li:hover .ny_case_hover .ny_case_table_k{ display:table-cell; vertical-align:middle;}
.ny_case ul li .ny_case_hover .ny_case_ewm{ width:50%; margin:0 auto;}
.ny_case ul li .ny_case_hover .ny_case_ewm img{ width:100%;}
.ny_case ul li .ny_case_hover .ny_case_wenzi{ width:100px; line-height:32px; background:#b0261c; color:#fff; text-align:center; margin:12px auto 0 auto; border-radius:4px;}
.ny_case ul li .case_img{ width:100%; margin:0 auto; overflow:hidden;}
.ny_case ul li .case_img img{ width:100%;}
.ny_case ul li .case_name{ border:#eee 1px solid; padding:16px 12px; font-size:16px; color:#333;}
.ny_case ul li .case_name em{ font-size:12px; color:#666; margin:5px 0 0 0; line-height:22px; height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.case_show{ margin:60px auto;}
.case_show .case_kuang{ width:100%; margin:0 auto 100px auto; overflow:hidden; background:url(../images/case_xqbg.jpg) center no-repeat;}
.case_show .case_kuang h3{ font-size:30px; color:#333; line-height:42px; text-align:center;}
.case_show .case_kuang h4{ width:80%; margin:40px auto 80px auto; font-size:16px; color:#333; line-height:24px;}
.case_show .case_kuang .case_sj{ width:387px; margin:0 auto; overflow:hidden; position:relative;}
.case_show .case_kuang .case_sj img{ width:100%;}
.case_show .case_kuang .case_sj_img{ position:absolute; left:6.45%; top:11%; width:87.1%;}
.case_show .case_xq{ width:100%; margin:100px auto 80px auto;}
.case_show .case_xq em{ display:block; font-size:30px; color:#333; line-height:42px; text-align:center;}
.case_show .case_xq ul{ margin:70px auto 0 auto;}
.case_show .case_xq ul li{ float:left; width:28%; margin:0 8% 0 0; box-shadow:0 0 20px #ddd;}
.case_show .case_xq ul li img{ width:100%;}
.case_show .case_xq ul li:last-child{ margin:0;}
.case_show .company_js{ width:100%; margin:80px auto; font-size:16px; color:#333; line-height:24px; overflow:hidden;}
.case_more{ width:150px; margin:0 auto; overflow:hidden;}
.case_more a{ display:block; font-size:16px; color:#333; line-height:48px; text-align:center; border:#999 1px solid; border-radius:2px; transition:all .35s;}
.case_more a:hover{ text-decoration:none; background:#999;}

/*ny_news*/
.ny_news{ margin:52px auto;}
.ny_news ul li{ float:left; width:31.8%; margin:0 2.3% 4% 0;}
.ny_news ul li:nth-child(3n){ margin:0 0 4% 0;}
.ny_news ul li:hover{ box-shadow:0 0 20px #ddd;}
.ny_news ul li img{ width:100%;}
.ny_news ul li a{ color:#999;}
.ny_news ul li a:hover{ text-decoration:none; color:#b0261c;}
.ny_news ul li .news_kun{ border:#eee 1px solid; padding:6%;}
.ny_news ul li .news_kun h3{ font-size:18px; color:#666; line-height:25px;}
.ny_news ul li .news_kun h3 span{ font-size:14px; color:#999; margin:10px 0 0 0; height:75px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_news ul li .gengduo{ border-top:#eee 1px solid; overflow:hidden; padding:6% 0 0 0; font-size:14px; line-height:25px; margin:16px auto 0 auto;}
.ny_news ul li .gengduo i{ float:right; width:30px; height:5px; background:url(../images/news_jt.png) center no-repeat; margin:10px 0;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:18px; color:#333; line-height:25px; margin:0 0 8px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; background:#eee; padding:10px 0; color:#525252;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#b0261c;}

/*about_us*/
.about_us{ margin:52px auto 46px auto; background:#f9f9f9;}
.about_us .about_left{ float:left; width:41.5%;}
.about_us .about_left img{ width:100%;}
.about_us .about_right{ float:right; width:54%; margin:0 2.25%; font-size:14px; color:#666; line-height:28px;}
.about_us .about_right h3{ font-size:20px; color:#333; margin:14px 0 16px 0;}
.about_name{ margin:46px auto 60px auto; font-size:14px; color:#666; line-height:25px; text-align:center;}
.about_name h4{ margin:0 0 20px 0; position:relative;}
.about_name h4 span{ width:380px; background:#f9f9f9; margin:0 auto; display:block; font-size:16px; color:#333; line-height:46px;}
.about_name h4:before{ position:absolute; width:100%; border-bottom:#333 1px dashed; content:""; left:0; top:23px; z-index:-1;}
.buju{ margin:60px auto 40px auto;}
.buju ul{ overflow:hidden;}
.buju ul li{ float:left; width:21%; margin:0 5.3333% 0 0; background:url(../images/bj1.jpg) center no-repeat; font-size:22px; color:#fff; font-weight:bold; line-height:34px; padding:43px 0; text-align:center;}
.buju ul li:nth-child(2n){ background:url(../images/bj2.jpg) center no-repeat;}
.buju ul li:nth-child(3n){ background:url(../images/bj3.jpg) center no-repeat;}
.buju ul li:nth-child(4n){ background:url(../images/bj4.jpg) center no-repeat; margin:0;}
.buju ul li a{ color:#fff; display:block;}
.buju ul li a:hover{ text-decoration:none;}
.buju_wz{ margin:40px auto 60px auto; font-size:16px; color:#666; line-height:28px; text-align:center;}
.bj_width{ width:80%; margin:0 auto;}

.wenhua{ margin:52px auto 80px auto;}
.wenhua li{ float:left; width:31.333%; margin:0 2% 0 0; position:relative; height:260px; overflow:hidden; background:#fff; box-shadow:0 0 20px #ddd;}
.wenhua li .box{ padding:10%;}
.wenhua li .box h3{ font-size:20px; color:#333; font-weight:bold; margin:0 0 22px 0;}
.wenhua li i{ position:absolute; right:10%; bottom:10%; width:70px; height:70px; background:url(../images/wh1.jpg) center no-repeat;}
.wenhua li p{ line-height:20px; font-size:14px; color:#666;}
.wenhua li .box .border{ width:25px; height:1px; background:#000; margin:46px 0 0 0;}
.wenhua li:nth-child(2n) i{ background:url(../images/wh2.jpg) center no-repeat;}
.wenhua li:nth-child(3n){ height:544px; margin:0;}
.wenhua li:nth-child(3n) i{ width:117px; height:117px; bottom:5%; background:url(../images/wh3.jpg) center no-repeat;}
.wenhua li:nth-child(4n){ margin:-260px 0 0 0;}
.wenhua li:nth-child(4n) i{ background:url(../images/wh4.jpg) center no-repeat;}
.wenhua li:nth-child(5n){ margin:-260px 0 0 33.333%;}
.wenhua li:nth-child(5n) i{ background:url(../images/wh5.jpg) center no-repeat;}

.tuandui{ margin:52px auto;}
.tuandui ul li{ float:left; width:29%; margin:0 6.5% 4% 0; cursor:pointer;}
.tuandui ul li:nth-child(3n){ margin:0 0 4% 0;}
.tuandui ul li:hover{ box-shadow:0 0 20px #ddd;}
.tuandui ul li img{ width:100%;}
.tuandui ul li h3{ font-size:16px; color:#666; line-height:25px; text-align:center; margin:4.5% auto;}

.contact_us{ margin:52px auto;}
.contact_us .contact_left{ float:left; width:50%;}
.contact_us .contact_left .contact_tel{ float:left; width:45%; border-right:#e5e5e5 1px solid;}
.contact_us .contact_left .contact_tel h3{ font-size:24px; color:#333; line-height:34px;}
.contact_us .contact_left .contact_tel h3 span{ display:block; font-size:14px; color:#333;}
.contact_us .contact_left .contact_tel h4{ font-size:18px; color:#333; line-height:34px; margin:40px 0;}
.contact_us .contact_left .contact_tel h4 span{ display:block; font-size:24px; font-weight:bold; margin:6px 0 0 0;}
.contact_us .contact_left .contact_tel h5{ font-size:18px; color:#333; line-height:34px;}
.contact_us .contact_left .contact_tel h5 span{ display:block; font-size:24px; font-weight:bold; color:#333; margin:6px 0 20px 0;}
.contact_us .contact_left .contact_ser{ float:left; width:36%; font-size:16px; color:#666; padding:20% 0 0 8%; line-height:28px;}
.contact_us .contact_left .contact_ser span{ font-size:20px; color:#333; display:block; margin:0 0 5px 0;}
.contact_us .contact_left .contact_ser a{ display:block; width:114px; line-height:46px; text-align:center; background:#eee; border-radius:5px; font-size:16px; color:#333; margin:30% 0 0 0;}
.contact_us .contact_left .contact_ser a:hover{ text-decoration:none; color:#b0261c;}
.contact_us .contact_right{ float:right; width:48%; padding:1%; background:#f7f7f7;}

/*RightContact*/
.RightContact{ width:70px; position:fixed; top:25%; right:20px; z-index:99999;}
.RightContact .item.top{ opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0;}
.RightContact .item a{ display:block; margin-bottom:10px; box-shadow:0 0 1px 0px #e8e8e8; border-radius:8px; position:relative;}
.RightContact .item a span.num{ background:#ff3e1e; color:#fff; border-radius:50%; padding:4px; line-height:8px; font-size:12px; display:inline-block; text-align:center; position:absolute; top:4px; right:4px; animation:doudong 0.2s linear infinite alternate;}
@keyframes doudong {
    0% { transform:rotate(20deg);}
    50% { transform:rotate(0deg);}
    100% { transform:rotate(-20deg);}
}
@-webkit-keyframes doudong {
    0% { transform:rotate(20deg);}
    50% { transform:rotate(0deg);}
    100% { transform:rotate(-20deg);}
}
@-moz-keyframes doudong {
    0% { transform:rotate(20deg);}
    50% { transform:rotate(0deg);}
    100% { transform:rotate(-20deg);}
}
@-o-keyframes doudong {
    0% { transform:rotate(20deg);}
    50% { transform:rotate(0deg);}
    100% { transform:rotate(-20deg);}
}
.RightContact .item{ width:70px; height:80px; display:block;}
.RightContact .item img{ border-radius:8px;}
.RightContact .item:hover img{ animation:logo_animation 0.2s linear alternate;}
.RightContact .item.tel:hover a{ border-radius:0 8px 8px 0;}
.RightContact .item.tel:hover img{ border-radius:0 8px 8px 0;}
.RightContact .item.tel:hover .Telnumber{ line-height:68px; transition:all 0.2s; border:1px solid #236fcd; right:70px; opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; animation:logo_animation 0.2s linear alternate; border-radius:8px 0 0 8px;}
.RightContact .item.tel .Telnumber{ width:160px; height:68px; line-height:68px; position:absolute; right:-90px; top:160px; background:#fff; color:#236fcd; ont-size:18px; text-align:center; display:block; opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; border:1px solid #236fcd; transition:all 0.2s;}

.RightContact .item.tel2:hover a{ border-radius:0 8px 8px 0;}
.RightContact .item.tel2:hover img{ border-radius:0 8px 8px 0;}
.RightContact .item.tel2:hover .Telnumber2{ line-height:68px; transition:all 0.2s; border:1px solid #236fcd; right:70px; opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; animation:logo_animation 0.2s linear alternate; border-radius:8px 0 0 8px;}
.RightContact .item.tel2 .Telnumber2{ width:148px; height:148px; position:absolute; right:-90px; top:80px; background:#fff; display:block; opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; border:1px solid #236fcd; transition:all 0.2s;}
.RightContact .item.tel2 .Telnumber2 img{ width:100%; border-radius:8px 0 0 8px;}

.mask_index{ position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:999;}
.dpn{ display:none;}
.red{ color:red; margin-right:5px;}
.popup{ width:1000px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.popup .close{ display:inline-block; padding:12px; position:absolute; top:0; right:0; z-index:55; cursor:pointer;}
.popup_top{ position:relative; line-height:110px;}
.popup_top span{ position:absolute; top:0; left:0; width:100%; height:110px; text-align:center; font-size:28px; color:#fff; font-weight:bold;}
.popup_cont{ width:800px; background:#fff; padding: 40px 100px; font-size: 16px; color: #555; overflow: hidden;}
.popup_cont_li{ margin-bottom:26px;}
.popup_cont .wrright{ width:120px; margin-right:26px; float:left; text-align:right; line-height:50px; position:relative;}
.popup_cont .wrright.red::before{content:'*'; color:red; position:absolute; top:-4px; right:-8px;}
.popup_cont .input,.popup_cont .textarea{ width:610px; border-radius:4px; border:1px solid #e5e5e5; float:left;}
.popup_cont .input{ padding:0 20px; height:50px;}
.popup_cont .textarea{ padding:10px 20px; height:110px;}
.popup_btn{ width:140px; height:44px; background:#4d95ed; border-radius:4px; text-align:center; color:#fff; font-size:16px; line-height:44px; margin:0 auto; cursor:pointer;}
.popup_btn:active{ background:#3173c3;}
.popup_xq_list{ line-height:38px; font-size:16px; color:#555555; width:652px; float:left; padding:6px 0;}
.popup_xq_list label{ display:block; float:left; padding-right:30px;}
.popup_checkbox{ display:none;}
.popup_icon{ border:1px solid #4387da; width:16px; height:16px; border-radius:50%; display:inline-block; float:left; margin-top:10px; margin-right:10px;}
.popup_icon img{ display:none;}
.popup_checkbox:checked + .popup_icon{ border-width:0; height:18px; width:18px;}
.popup_checkbox:checked + .popup_icon img{ display:block;}



#activeShadow_box img{ max-width:100%;}



.sy_xw{padding: 80px 0 80px;background: #f1f3f5;}
.sy_xw_nr{}
.sy_xw_nr_l{ float:left; width:48%;}
.sy_xw_nr_l .h1{ height:380px; overflow:hidden; position:relative;}
.sy_xw_nr_l .h1 img{ display:block; width:100%; min-height:100%;-webkit-transition:0.5s;transition:0.5s;}
.sy_xw_nr_l:hover .h1 img{ -webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_xw_nr_l .h1 span{ position:absolute; left:0; bottom:0; font-size:14px; line-height:20px; color:#fff; background:rgba(0,0,0,0.5); padding:5px 10px;}
.sy_xw_nr_l:hover .h1 span{ background:rgba(0, 101, 209, 0.5);}
.sy_xw_nr_l .h2{ font-size:16px; line-height:20px; color:#161616;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:20px;}
.sy_xw_nr_l .h3{ font-size:14px; line-height:24px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;margin-top: 10px;}
.sy_xw_nr_l:hover .h2{color:#ce0008;}
.sy_xw_nr_r{ float:right; width:48%;}
.sy_xw_nr_r_fl{border-bottom:1px solid #ccc;padding-bottom: 5px;}
.sy_xw_nr_r_fl ul li{ float:left;margin-right: 50px;}
.sy_xw_nr_r_fl ul li a{ display:block; font-size:18px; line-height:40px; color:#161616;text-align: center;font-weight: bold;}
.sy_xw_nr_r_fl ul li.on a{color:#ce0008;}
.sy_xw_nr_r_lb{}
.sy_xw_nr_r_spz{ display:none;}
.sy_xw_nr_r_spz_tt{ position:relative; padding-bottom:20px; border-bottom:1px solid #ccc;}
.sy_xw_nr_r_spz_tt .sy_xw_nr_r_spz_tt_txt .h1{ font-size:16px; line-height:20px; color:#161616;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;}
.sy_xw_nr_r_spz_tt:hover .sy_xw_nr_r_spz_tt_txt .h1{color:#ce0008;}
.sy_xw_nr_r_spz_tt .sy_xw_nr_r_spz_tt_txt .h2{ font-size:14px; line-height:24px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; padding-top:10px;}
.sy_xw_nr_r_spz_tt .sy_xw_nr_r_spz_tt_txt .h3{ font-size:14px; line-height:24px; color:#999;padding-top:10px;}
.sy_xw_nr_r_spz ul{ padding-top:15px;}
.sy_xw_nr_r_spz ul li{margin-bottom: 10px;}
.sy_xw_nr_r_spz ul li a{ display:block; position:relative; padding:0 100px 0 12px; background:url(../img/ly_li.png) left center no-repeat; font-size:16px; line-height:40px; color:#161616;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_xw_nr_r_spz ul li a span{ position:absolute; right:0; top:0; font-size:14px; line-height:40px; color:#666;}
.sy_xw_nr_r_spz ul li a:hover{ color:#ce0008;}
.w1200{ width:1200px;max-width: 95%; margin:auto;}
.clear_qc:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}

/*2019-10-23复制点网址内容*/
/*2019-10-23复制点网址内容*/