@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:14px;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1240{max-width:1240px; width:66%;}
img{ max-width:100%; max-height:100%;}
/* top_bg */
.top_bg{ background-color:#3b3b3b; width:100%; height:44px; position:relative;}
.top_bg div{ position:absolute;}
.top_bg div.l{ left:3.35%; height:18px; top:50%; margin-top:-9px; color:#666666;}
.top_bg div.l a{ display:block; float:left; padding-left:30px;position:relative; font-size:14px; color:#ffffff;}
.top_bg div.l a img{ position:absolute; left:0px;}
.top_bg div.l span{ float:left; margin:0px 8px;}
.top_bg div.g2{ width:70%; overflow:hidden; margin-left:3.35%; height:44px; opacity:0;}
.top_bg div.g2 ul{ overflow:hidden; position:absolute;height:18px; top:50%; margin-top:-9px;}
.top_bg div.g2 ul li{float:left; padding-left:30px;position:relative; font-size:14px; margin-left:20px;}
.top_bg div.g2 ul li a{ color:#ffffff;}
.top_bg div.g2 ul li a img{ position:absolute; left:0px;}
.top_bg div.g2 ul li span{ position:absolute; left:0px; margin-left:-10px; color:#ffffff;}
.top_bg div.r{ right:4%; font-size:18px; color:#ffffff; line-height:44px; padding-left:25px;}
.top_bg div.r i{ position:absolute; color:#909398; left:0px; top:50%; margin-top:-9px; font-weight:bold;}

/*header_bg*/
.header_bg{ width:100%; background-color:#ffffff; position:relative; z-index:9999; border-bottom:1px solid #f2f2f2;}
.header_bg2.now,.header_bg,.header_bg .width1240{ height:100px;}
.header_bg .width1240 .logo{ position:absolute; left:3.35%; height:50px; top:50%; margin-top:-25px;}
.header_bg.now{ position:fixed; top:0px;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14);}

.header_bg .width1240 .menu_nav{ float:right; overflow:hidden;}
.header_bg .width1240 .menu_nav li{ float:left; margin-right:60px; position:relative; overflow: hidden; height:100px;}
.header_bg .width1240 .menu_nav li:hover{ height:auto; position:inherit;}
.header_bg .width1240 .menu_nav li dd{ height:100px; line-height:100px;}
.header_bg .width1240 .menu_nav li dd a{ display:block; font-size:16px; color:#212121; padding-right:24px; position:relative;}
.header_bg .width1240 .menu_nav li dd a i{ background:url(../images/jt.png) no-repeat; position:absolute; width:12px; height:6px; right:0px; top:50%; margin-top:-3px;}
.header_bg .width1240 .menu_nav li div.bg{ position:absolute; background-color:#ffffff;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.10); padding:12px 20px; border-bottom-right-radius:8px;border-bottom-left-radius:8px; margin-left:-20px;transition:all .5s ease; margin-top:5rem; opacity:0; min-width:90px;}
.header_bg .width1240 .menu_nav li:hover div.bg{ margin-top:0px; opacity:1;}
.header_bg .width1240 .menu_nav li div.bg dl{ line-height:30px; height:30px;}
.header_bg .width1240 .menu_nav li div.bg dl a{ display:block;color:#333333; font-size:16px;}
.header_bg .width1240 .menu_nav li div.bg dl a:hover{ color:#de3037;}

.header_bg .width1240 .right{ position:absolute;right:4%; height:40px; top:50%; margin-top:-20px; width:175px;}
.header_bg .width1240 .right a.so{ float:left;font-size:18px;color:#cccccc; font-weight:bold; margin-top:8px; width:18px; height:24px; line-height:24px;}
.header_bg .width1240 .right .zxsc{ position:relative; border-radius:20px; background-color:#ce413f; width:135px; height:40px; line-height:40px; float:right;cursor: pointer;}
.header_bg .width1240 .right .zxsc span{ display:block; padding-left:16px; font-size:16px; color:#ffffff;}
.header_bg .width1240 .right .zxsc i{ position:absolute; font-size:12px; color:#ffffff; right:24px; top:14px;}
.header_bg .width1240 .right .zxsc i.fa-angle-down,.header_bg .width1240 .right .zxsc:hover i.fa-angle-up{ opacity:1;}
.header_bg .width1240 .right .zxsc i.fa-angle-up,.header_bg .width1240 .right .zxsc:hover i.fa-angle-down{ opacity:0;}
.header_bg .width1240 .right .zxsc div.bg{box-shadow:0px 0px 3px 0px rgba(0,0,0,0.10); border-radius:8px; background-color:#ffffff; padding:10px 0px; display:none;}
.header_bg .width1240 .right .zxsc:hover div.bg{ display:block;}
.header_bg .width1240 .right .zxsc div.bg dl{ line-height:32px;}
.header_bg .width1240 .right .zxsc div.bg dl a{ display:block; font-size:16px; color:#333333;padding:0px 5%;}
.header_bg .width1240 .right .zxsc div.bg dl a:hover{ color:#de3037;}

/* banner */
.banner{ position:relative; overflow:hidden; width:100%;}
.banner .slides{ overflow:hidden;}
.banner .slides li{ overflow:hidden; background-repeat:no-repeat; background-position:50%;background-size:auto 100%;}
.banner .slides li img{ margin-bottom:-4px;}
.banner .flex-control-nav{position:absolute; bottom:42px; width:100%; text-align:center; height:16px;}
.banner .flex-control-nav li{margin:0px 0.5rem; display:inline-block;width:.75rem;height:.75rem; border-radius:50%; cursor: pointer;position: relative;overflow: hidden;}
.banner .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;top:0px; background-color:rgba(0,0,0,0.5);}
.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:#ce413f;}
.banner .flex-direction-nav{ display:none;}

/*i_about*/
.i_about{ margin:32px auto; background:url(../images/i_about.png) no-repeat scroll center top; }
.i_about ul.fl{ width:50%; max-width:610px; overflow:hidden;}
.i_about ul.fl li{ overflow:hidden;}
.i_about ul.fl li.t{ font-size:36px; color:#212121; font-weight:bold;}
.i_about ul.fl li.t i{ color:#ce413f;}
.i_about ul.fl li.n{ margin:10px 0px; font-size:24px; color:#040f16;}
.i_about ul.fl li.c{ font-size:16px; color:#212121; font-weight:bold; line-height:32px; text-align:justify; margin-bottom:20px;}
.i_about ul.fl li.f{ font-size:16px; text-align:justify; color:#666666; line-height:40px;}
.i_about div.fr{ width:43%; max-width:505px; position:relative; height:485px;}
.i_about div.fr .bg{height:485px; background-color:#ce413f; width:76%; max-width:400px; float:right;}
.i_about div.fr video{ position:absolute; height:320px; z-index:1; top:90px;}

/*i_t*/
.i_bg{ width:100%; background-color:#f5f5f5; padding:50px 0px 100px;}
.i_t{ text-align:center; margin-bottom:40px;}
.i_t dl{text-transform: uppercase; font-size:30px; font-weight:bold;}
.i_t dl i{ color:#ce413f;}
.i_t dd{ font-size:24px; color:#040f16;}

/*我们的产品*/
.i_cp ul,.i_cp ul li{ overflow:hidden;}
.i_cp ul{ width:102%; min-height:200px;}
.i_cp ul li{ float:left; background-color:#ffffff; height:320px; width:23.325%; margin-right:1.675%; margin-bottom:20px; position: relative;}
.i_cp ul li dl{ overflow: hidden;}
.i_cp ul li dl.t{ height:240px; margin-bottom:20px; position: relative;}
.i_cp ul li dl.t img{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; max-height:80%;}
.i_cp ul li dl.f{ font-size:16px; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align:center;}
.i_cp ul li a .bg{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(206,65,63,0.9); color:#ffffff; font-size:16px; opacity:0;transition:all .5s ease;}
.i_cp ul li a:hover .bg{ transition:all .5s ease;opacity:1;}
.i_cp ul li a .bg span{ border:2px solid #ffffff; border-radius:50%; width:30px; height:30px; top:38px; left:50%; margin-left:-17px; text-align:center; line-height:26px; font-size:30px; position:absolute;}
.i_cp ul li a .bg dd{ height:170px; padding-top:90px; text-align:center;}
.i_cp ul li a .bg ol{ text-align:center;}
.i_cp ul li a .bg ol i{ border-bottom:3px solid #ffffff;}

/*推荐产品*/
.i_tjcp{ padding:50px 0px;}

#carousel{ position: relative;}
#carousel .caroufredsel_wrapper{ width:100%; overflow:hidden;}
#carousel .caroufredsel_wrapper ul{ overflow:hidden; margin-bottom:50px;}
#carousel .caroufredsel_wrapper ul li{ width:295px; margin:0px 6px; float:left;}
#carousel .caroufredsel_wrapper ul li a div.bg{ overflow:hidden; border:1px solid #f2f2f2;}
#carousel .caroufredsel_wrapper ul li a div.bg dl{ height:240px; text-align:center;}
#carousel .caroufredsel_wrapper ul li a div.bg dd{ overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height:45px; font-size:16px; color:#212121; text-align:center;}
#carousel .caroufredsel_wrapper ul li a:hover div.bg dd{ color:#de3037;}

#wrapper{ position:relative; width:100%;}
#wrapper a.qh{ position:absolute; z-index:8; font-size:2rem; border:2px solid #cccccc; height:34px; line-height:30px; text-align:center; width:34px; top:50%; margin-top:-19px; border-radius:50%; color:#cccccc;}
#wrapper a.qh.prev{ left:0px; margin-left:-100PX;}
#wrapper a.qh.next{ right:0px; margin-right:-100px;}
#wrapper a.qh:hover{ border:2px solid #de3037; color:#de3037;}
#carousel .pager{text-align: center;margin: 0 auto;}
#carousel .pager a{text-indent:-999px;display:inline-block;overflow:hidden;width:12px;height:12px;margin:0px 9px; background-color:#979797; border-radius:50%;}
#carousel .pager a.selected{ background-color:#ce413f;}

/*系统解决方案*/
.i_xtjjfa{ width:100%; overflow:hidden;}
.i_xtjjfa li{ float:left; width:20%; max-width:495px; height:480px; position: relative;cursor: pointer; transition:all .5s ease;}
.i_xtjjfa li.on{ width:40%; transition:all .5s ease;}
.i_xtjjfa li div.bg{ position:absolute; background-repeat:no-repeat; top:0px; left:0px; right:0px; bottom:0px; background-position:50%;}
.i_xtjjfa li dd{ position:absolute; z-index:1; font-size:18px; color:#ffffff; top:50%; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; width:90%; margin:-12px 5% 0px; text-align:center;transition:all .5s ease;}
.i_xtjjfa li.on dd{ bottom:32px; top:auto; margin-top:0px; text-align:left;transition:all .5s ease;}

/*工程案列*/
.i_gcal{ padding:60px 0px;}
.i_gcal .i_nav{ line-height:40px; text-align:center;}
.i_gcal .i_nav a{ font-size:16px; color:#999999; border:1px solid #999999; border-radius:30px; padding:8px 2.5%; margin:0px 1%;}
.i_gcal .i_nav a.on,.i_gcal .i_nav a:hover{border:1px solid #ce413f; background-color:#ce413f; color:#ffffff;}
.i_gcal .i_tab{ margin-top:60px;}
.i_gcal .i_tab div.c{ position: relative; display:none;}

.i_gcal .i_tab div.c .al{ overflow:hidden;}
.i_gcal .i_tab div.c .al,.i_gcal .i_tab div.c .al ul,.i_gcal .i_tab div.c .al ul li{ height:290px;}
.i_gcal .i_tab div.c .al{ position:relative; width:100%;}
.i_gcal .i_tab div.c .al ul{ position:absolute;}
.i_gcal .i_tab div.c .al ul li{ width:295px;  margin-right:20px; float:left;}
.i_gcal .i_tab div.c .al ul li a div.bg{ overflow:hidden;}
.i_gcal .i_tab div.c .al ul li a div.bg dl{ height:240px; text-align:center;}
.i_gcal .i_tab div.c .al ul li a div.bg dd{ overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height:45px; font-size:16px; color:#212121;}
.i_gcal .i_tab div.c .al ul li a:hover div.bg dd{ color:#de3037;}
.i_gcal .i_tab div.c .f{ position:relative; height:3rem; margin-top:1rem; width:100%;}

.i_gcal .i_tab div.c a.qh{ position:absolute; z-index:8; font-size:2rem; border:2px solid #cccccc; height:34px; line-height:30px; text-align:center; width:34px; top:50%; margin-top:-19px; border-radius:50%; color:#cccccc;}
.i_gcal .i_tab div.c a.qh.pre{ left:0px; margin-left:-100PX;}
.i_gcal .i_tab div.c a.qh.next{ right:0px; margin-right:-100px;}
.i_gcal .i_tab div.c a.qh:hover{ border:2px solid #de3037; color:#de3037;}


/*新闻动态*/
.i_news{ width:102%; overflow:hidden;}
.i_news li{ float:left; margin-bottom:20px; margin-right:1.35%; width:31.626%; height:240px; background-color:#ffffff; position:relative;}
.i_news li:hover{ background-color:#ce413f;}
/*.i_news li a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px;display:flex;align-items:center;}*/
.i_news li a .bg{ width:88%; padding:0px 6%;}
.i_news li a .bg i{ font-size:14px; color:#212121;}
.i_news li a .bg dd{ font-size:24px; color:#212121; line-height:35px; padding:20px 0px;}
.i_news li a .bg ol{ font-size:13px; color:#999999;}
.i_news li a:hover .bg i,.i_news li a:hover .bg dd,.i_news li a:hover .bg ol{ color:#ffffff;}
.i_news li a:hover .bg ol{ background:url(../images/news2.png) no-repeat scroll right center;}

.i_news li .a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px;display:flex;align-items:center;}
.i_news li .a .bg{ width:88%; padding:0px 6%;}
.i_news li .a .bg i{ font-size:14px; color:#212121;}
.i_news li .a .bg dd{ font-size:24px; color:#212121; line-height:35px; padding:20px 0px;}
.i_news li .a .bg ol{ font-size:13px; color:#999999;}
.i_news li .a:hover .bg i,.i_news li .a:hover .bg dd,.i_news li .a:hover .bg ol{ color:#ffffff;}
.i_news li .a:hover .bg ol{ background:url(../images/news2.png) no-repeat scroll right center;}
.i_news li .a .bg dd a{color: #212121;}
.i_news li .a .bg dd a:hover{color: #ffffff;}


.i_news_more{ overflow: hidden; margin-top:20px;}
.i_news_more a{ display:block; border:1px solid #ca4944; margin:0px auto; color:#ca4944; font-size:14px; text-align:center; height:40px; line-height:40px; border-radius:40px; max-width:200px;}
.i_news_more a:hover{ background-color:#ca4944; color:#ffffff;}

/*i_zx*/
.i_zx{ width:100%; background:url(../images/i_zx.jpg) no-repeat scroll 50%;}
.i_zx,.i_zx .width1240{ height:120px;}
.i_zx .width1240{ position:relative;}
.i_zx .width1240 dl{ float:left; line-height:120px; color:#ffffff; font-size:24px;}
.i_zx .width1240 a{ position:absolute; border:1px solid #ffffff; height:40px; line-height:40px; width:185px; text-align:center; color:#ffffff; font-size:16px; right:0px; top:50%; margin-top:-21px;}

/*foot_bg*/
.foot_bg{ width:100%; background-color:#161316; padding-top:40px; overflow:hidden;}
.foot_bg div.t,.foot_bg div.c{ overflow:hidden;}
.foot_bg div.t{ border-bottom:1px solid #2c292c; padding-bottom:20px;}
.foot_bg div.c{ padding:40px 0px 60px;}
.foot_bg div.c ul.fl{ width:80%; overflow:hidden;}
.foot_bg div.c ul.fl li{overflow:hidden; float:left; padding-right:5%; min-width:10%;}
.foot_bg div.c ul.fl li dd{ font-size:16px; margin-bottom:25px;}
.foot_bg div.c ul.fl li dd a{ color:#ffffff; display:block;}
.foot_bg div.c ul.fl li dl{ font-size:14px; margin-bottom:10px;}
.foot_bg div.c ul.fl li dl a{ display:block; color:#929292;}
.foot_bg div.c ul.fl li dl a:hover{ text-decoration:underline;}
.foot_bg div.c ul.fr{ width:20%; overflow:hidden;}
.foot_bg div.c ul.fr li{overflow:hidden; text-align:right;}
.foot_bg div.c ul.fr li.t{ font-size:16px; color:#ffffff;}
.foot_bg div.c ul.fr li.d{ font-size:36px; color:#ce413f; padding:10px 0px;}
.foot_bg div.c ul.fr li.c{ font-size:13px; color:#929292; line-height:32px;}
.foot_bg div.c ul.fr li.f{ height:44px; margin-top:20px;}
.foot_bg div.c ul.fr li.f a{ display:block; width:44px; height:44px; background-image:url(../images/fx.png); background-repeat:no-repeat; float:right; margin-left:3%;}
.foot_bg div.c ul.fr li.f a.fx1{ background-position:0px 0px;}
.foot_bg div.c ul.fr li.f a.fx2{ background-position:-45px 0px;}
.foot_bg div.c ul.fr li.f a.fx3{ background-position:-90px 0px;}
.foot_bg div.c ul.fr li.f a.fx1:hover{ background-position:0px -44px;}
.foot_bg div.c ul.fr li.f a.fx2:hover{ background-position:-45px -44px;}
.foot_bg div.c ul.fr li.f a.fx3:hover{ background-position:-90px -44px;}
.foot_bg div.f{ border-top:1px solid #2c292c; font-size:13px; color:#929292; line-height:90px;}
.foot_bg div.f,.foot_bg div.f .nav{ height:90px;}
.foot_bg div.f span{ margin-right:3%;}
.foot_bg div.f span a{color:#929292;}
.foot_bg div.f .nav{ float:right; position:relative; width:205px;}
.foot_bg div.f .nav dd{ border:1px solid #454245; border-radius:4px; height:36px; position:absolute; top:50%; margin-top:-18px; left:0px; right:0px; line-height:36px; padding-left:42px; background:url(../images/lj.png) no-repeat scroll 15px center;cursor: pointer;}
.foot_bg div.f .nav dd i{ position: absolute; right:8px; top:50%; margin-top:-6px;}
.foot_bg div.f .nav ul{ overflow: hidden; border-radius:8px;border:1px solid #454245; padding:10px 5%; bottom:62px; left:0px; right:0px; line-height:32px; position:absolute; background-color:rgba(0,0,0,1.00); display:none;}
.foot_bg div.f .nav:hover ul{ display:block;}
.foot_bg div.f .nav ul li{ width:100%;}
.foot_bg div.f .nav ul li a{ display:block; color:#929292;}
.foot_bg div.f .nav ul li a:hover{ color:#ce413f;}

/*pf*/
.pf{ position:fixed; right:0px; height:280px; width:70px; margin-top:-140px; top:50%; z-index:9998;}
.pf li{ width:70px; height:70px; position:relative; background-color:#ffffff;}
.pf li a .bg{ position:absolute;background-color:#ce413f; top:0px; left:0px; right:0px; bottom:0px;transition:all .5s ease; border-bottom:1px solid #dee2e7;}
.pf li:hover a .bg{ opacity:0.8;transition:all .5s ease;}
.pf li.f{ opacity:0;transition:all .5s ease; overflow:hidden;}
.pf.now li.f{ opacity:1;transition:all .5s ease;}
.pf li.f a .bg{ border-bottom:0px; width:0px;transition:all .5s ease;}
.pf.now li.f a .bg{ width:100%;transition:all .5s ease;}
.pf li a .bg img{ position:absolute; top:0px; left:0px; bottom:27px; right:0px; margin:auto;}
.pf li a .bg dd{ height:17px; line-height:17px; text-align:center; font-size:12px; color:#ffffff; padding-top:42px;}

.pf li .l_c{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width:140px; height:70px; line-height:70px; background-color:#ffffff; text-align:center; font-size:16px; position:absolute; right:70px;transform: scale(0);transition: 400ms ease-in-out;}
.pf li:hover .l_c{transform: scale(1);transition: 400ms ease-in-out;}

/*page*/
.page_banner{ width:100%; background-repeat:no-repeat; background-position:50%; height:560px;display:flex;align-items:center; background-size:auto 100%;}
.page_banner div.bg{ width:100%; color:#ffffff; text-align:center;}
.page_banner div.bg ol{ font-size:18px;text-transform: uppercase; }
.page_banner div.bg dd{ font-size:36px; font-weight:bold;}
.page_banner div.bg dl{ font-size:16px; margin-top:15px;}

.page_mu{ width:100%; border-bottom:1px solid #f2f2f2;}
.page_mu,.page_mu dl,.page_mu ul{ height:70px; font-size:16px;}
.page_mu dl{ line-height:70px; color:#333333; float:left;}
.page_mu dl a{ color:#333333;}
.page_mu dl a:hover{ color:#ce413f;}
.page_mu ul{ float:right; overflow:hidden;}
.page_mu ul li{ float:left; line-height:70px; position:relative; margin-left:70px;}
.page_mu ul li a{ display:block; color:#333333;}
.page_mu ul li a i{ position:absolute; left:0px; bottom:0px; right:0px; height:3px; background-color:#de3037; opacity:0;}
.page_mu ul li a:hover i,.page_mu ul li.on a i{ opacity:1;}

/*企业简介*/
.qyjj_m{ padding-top:55px;}
.qyjj_m ol{ text-align:center; font-size:36px; color:#de3037; opacity:0.1;text-transform: uppercase; z-index:-1;}
.qyjj_m dd{ text-align:center; font-size:36px;color:#212121; font-weight:bold; margin-top:-32px;}
.qyjj_t{ padding-bottom:90px;}
.qyjj_t div.f{ overflow:hidden; line-height:32px; margin-top:50px;}
.qyjj_t dl.t{ font-size:18px; font-weight:bold;}
.qyjj_t dl.f{ margin-top:70px; font-size:16px; color:#212121;}
.qyjj_t dl.f img{ margin-left:8%;}

.qyjj_c{ background:url(../images/qyjj_c.jpg) no-repeat scroll 50%; height:400px;display:flex;align-items:center}
.qyjj_c .bg{ width:100%; text-align:center;}
.qyjj_c .bg ul li{ overflow:hidden; float:left; width:25%; text-align:center;}
.qyjj_c .bg ul li dd{ font-size:60px; color:#de3037; position:relative;}
.qyjj_c .bg ul li dd strong{ font-size:48px;}
.qyjj_c .bg ul li dl{ color:#ffffff; font-size:16px;}

.qyjj_f{ background:url(../images/qyjj_f.jpg) no-repeat scroll 50%; height:493px;display:flex;align-items:center;}
.qyjj_f .bg{ width:100%; text-align:center; color:#333333;}
.qyjj_f .bg dd{ font-size:36px; font-weight:bold;}
.qyjj_f .bg dl{ font-size:16px; margin:28px 0px;}
.qyjj_f .bg ol a{ display:block; border:1px solid #de3037; font-size:16px; color:#de3037; height:38px; line-height:38px; border-radius:30px; width:180px; margin:0px auto;}
.qyjj_f .bg ol a:hover{ background-color:#de3037; color:#ffffff;}

/*企业文化*/
.qywh{ margin-top:80px; margin-bottom:180px; overflow:hidden; width:102%;}
.qywh li{ float:left; margin-bottom:20px; width:31.626%; height:180px; margin-right:1.6%; position:relative;}
.qywh li .bg{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; border:1px solid #cccccc; display:flex;align-items:center; cursor: pointer;transition:all .5s ease;}
.qywh li .bg:hover{ background-color:#d52d26;transition:all .5s ease;}
.qywh li .bg div{ width:65%; max-width:655px; margin-left:6%; color:#333333;}
.qywh li .bg:hover div{ color:#ffffff;}
.qywh li .bg div dd{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.qywh li .bg div dl{ font-size:16px; line-height:32px;}
.qywh li .bg img{ position:absolute; right:0px; bottom:0px; max-width:33%; max-height:76%;}

/*资质荣誉/资质证书*/
.zzry ul.list{ overflow:hidden; padding:80px 0px;width:102%;}
.zzry ul.list li{ float:left; margin-bottom:20px; width:23.325%; height:420px; margin-right:1.6%; position:relative;}
.zzry ul.list li dl{ overflow:hidden; border:1px solid #cccccc; height:360px; position:relative;}
.zzry ul.list li dl img{ position:absolute; top:5px; left:5px; right:0px; bottom:0px; margin:auto; max-height:90%; max-width:95%;}
.zzry ul.list li dd{ font-size:16px; padding:10px 0px; line-height:20px; text-align:center;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.zzry .more{ margin-bottom:80px; text-align:center; font-size:18px; color:#999999;}
.zzry .more a{ display:block; color:#999999;}
.zzry .more a:hover{ color:#ce413f;}

/*发展历程*/
.fzls{ background:url(../images/yu1.png) no-repeat scroll center top; padding-top:24px; margin:50px 0px 90px; position:relative; overflow: hidden;}
.fzls i{ position:absolute; top:0px; bottom:0px; border-left:1px dashed #cccccc; left:50%; margin-left:-0.5px; z-index:-1;}
.fzls li{ margin:25px 0px; position: relative; overflow:hidden;}
.fzls li img{ position:absolute; top:50%; margin-top:-30px; left:50%; margin-left:-29.5px;}
.fzls li div.bg{ border:1px solid #f2f2f2; width:40%; max-width:450px; padding:20px 2%;}
.fzls li.l div.bg{ float:left;}
.fzls li.r div.bg{ float:right;}
.fzls li div.bg dd{ font-size:30px; font-weight:bold; color:#de3037; margin-bottom:15px;}
.fzls li div.bg dl{ font-size:16px; color:#333333; line-height:32px;}
.fzls li div.bg dl p{ background:url(../images/d.png) no-repeat scroll left 14.5px; padding-left:10px;}

/*产品中心*/
.cp_so{ float:right; width:280px; border-bottom:1px solid #f2f2f2; height:40px; margin-top:15px;}
.cp_so input{ float:left; border:0px; font-size:16px; color:#999999; line-height:40px;outline:none; width:80%;}
.cp_so button{ float:right; border:0px; background:none; font-size:20px; color:#999999; line-height:40px;outline:none;}

.photo_mu{ border-bottom:1px solid #f2f2f2; padding:40px 0px 20px; margin-bottom:40px; overflow:hidden;}
.photo_mu a{ display:block; float:left; border:1px solid #f2f2f2; height:40px; line-height:40px; border-radius:30px; margin-right:15px; padding:0px 20px; margin-bottom:20px; font-size:16px; color:#999999;}
.photo_mu a.s{ padding:0px 40px;}
.photo_mu a.on,.photo_mu a:hover{ background-color:#d52d26; border:1px solid #d52d26; color:#ffffff;}

.photo_list{ overflow:hidden; margin-bottom:40px; width:102%;}
.photo_list li{ float:left; margin-bottom:20px; width:23.325%; height:420px; margin-right:1.6%; position:relative;}
.photo_list li a{ display:block;}
.photo_list li .bg{ overflow:hidden;}
.photo_list li .bg dl{ overflow:hidden; border:1px solid #cccccc; height:360px; position:relative;transition:all .5s ease;}
.photo_list li:hover .bg dl{ opacity:0.8;transition:all .5s ease;}
.photo_list li .bg dl img{ position:absolute; top:5%; left:0px; right:0px; bottom:5%; margin:auto; max-height:90%;}
.photo_list li .bg dd{ font-size:16px; padding:10px 0px; line-height:20px; text-align:center; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.photo_list li:hover .bg dd{color:#d52d26;}
.photo_list li.on{ width:98%; text-align:center; font-size:16px; line-height:32px;}
.photo_list li.on b{ color:#ff0000;}

.photo_show div.t{ overflow:hidden; padding:20px 0px; font-size:14px; color:#333333; border-bottom:1px solid #f2f2f2;}
.photo_show div.t a{ color:#333333;}
.photo_show div.t a:hover{ color:#ce413f;}
.photo_show div.n{ margin:40px 0px 70px; overflow:hidden; position: relative; min-height:50px;}
.photo_show div.n dl{ font-size:36px; color:#212121; width:80%;}
.photo_show div.n a{ position:absolute; right:0px; border:1px solid #cccccc; height:46px; line-height:46px; width:100px; top:0px; font-size:16px; color:#212121; background:url(../images/xz.png) no-repeat scroll 25px center; padding-left:60px;}
.photo_show div.n a:hover{color:#d52d26;}
.photo_show div.c{ border-bottom:1px solid #f2f2f2; padding-bottom:50px; overflow:hidden; position: relative;}
.photo_show div.c .tab{ width:100%; overflow:hidden;}
.photo_show div.c .tab div.i{ display:none; height:500px; width:51%; max-width:630px; margin:0px auto; position:relative;}
.photo_show div.c .tab div.i img{ margin:auto; top:0px; left:0px; bottom:0px; right:0px; position:absolute;}
.photo_show div.c .device{ overflow:hidden; margin:0px auto; max-width:630px; position: relative;}
.photo_show div.c .device .scroll,.photo_show div.c .device .scroll ul,.photo_show div.c .device .scroll ul li{ height:80px;}
.photo_show div.c .device .scroll{ position:relative; width:92%; margin:0px auto; overflow:hidden;}
.photo_show div.c .device .scroll ul{ position:absolute;}
.photo_show div.c .device .scroll ul li{ width:96px; margin-right:10px; float:left;}
.photo_show div.c .device .scroll ul li div.bg{ border:1px solid #f2f2f2; width:94px; height:78px; position:relative;}
.photo_show div.c .device .scroll ul li:hover div.bg,.photo_show div.c .device .scroll ul li.on div.bg{ border:1px solid #c0050f;cursor: pointer;}
.photo_show div.c .device .scroll ul li div.bg img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;}
.photo_show div.c .device a.qh{ position:absolute; z-index:8; font-size:1.5rem; border:1px solid #f2f2f2; border-radius:10px; top:0px; bottom:0px; color:#686868; line-height:80px; width:18px; text-align:center;}
.photo_show div.c .device a.qh.pre{ left:0px;}
.photo_show div.c .device a.qh.next{ right:0px;}
.photo_show div.c .device a.qh:hover{ background-color:#c0050f; color:#ffffff; border:1px solid #c0050f;}

.photo_show div.f{ overflow:hidden; color:#333333; margin:30px 0px;}
/*.photo_show div.f dd{ margin:20px 0px 70px; font-size:24px; font-weight:bold;}
.photo_show div.f dl{ font-size:16px; line-height:32px;}*/
.photo_show div.f ul,.photo_show div.f ul li{ overflow:hidden;}
.photo_show div.f ul li{ float:left; width:25%;cursor: pointer; text-align:center; font-size:22px; line-height:48px; background-color:#f2f2f2; color:#333333;}
.photo_show div.f ul li.on,.photo_show div.f ul li:hover{ background-color:#c0050f; color:#ffffff;}
.photo_show div.f div.con{ overflow: hidden; margin-top:25px;}
.photo_show div.f div.con div.f_c{font-size:16px; line-height:32px; display:none; min-height:300px; overflow:hidden;}

/*fenye*/
.fenye{ overflow:hidden; text-align:center; margin:1rem 0px 2rem; line-height:40px;}
.fenye a,.fenye span{padding:8px 14px;font-size:1rem;color:#999999;border:1px solid #f2f2f2; margin:0px 0.5rem; border-radius:4px;}
.fenye a:hover{background-color:#d52d26;color:#ffffff;border:1px solid #d52d26;}
.fenye span{color:#ffffff; background-color:#d52d26;}

/*云平台*/
.ypt{ padding-top:32px;}
.ypt div{ overflow:hidden;}
.ypt div.fl{ width:20%;}
.ypt div.fl dd{ font-size:36px; font-weight:bold; color:#333333; border-left:7px solid #de3037; padding-left:10px; margin-bottom:20px;}
.ypt div.fl ul,.ypt div.fl ul li{ overflow:hidden;}
.ypt div.fl ul li{ margin-bottom:30px;}
.ypt div.fl ul li a{ display:block; font-size:16px; color:#333333;}
.ypt div.fl ul li.on a,.ypt div.fl ul li a:hover{ color:#c0050f;}
.ypt div.fr{ border-left:1px solid #f2f2f2; width:74.5%; padding-left:4.5%; padding-bottom:130px;}
.ypt div.fr div.t{ font-size:30px; color:#333333;}
.ypt div.fr div.i{ margin:30px 0px 40px;}
.ypt div.fr ul.nav,.ypt div.fr ul.navl li{ overflow:hidden;}
.ypt div.fr ul.nav li{ float:left; cursor: pointer;height:48px; line-height:48px; width:25%; background-color:#f2f2f2; font-size:18px; color:#333333; text-align:center;}
.ypt div.fr ul.nav li:hover,.ypt div.fr ul.nav li.on{ background-color:#de3037; color:#ffffff;}
.ypt div.fr div.tab{ padding:50px 0px;}
.ypt div.fr div.tab div.c{ font-size:16px; color:#333333; line-height:30px; display:none;}

/*工程案例*/
.al_list{ overflow:hidden; margin-bottom:40px; width:102%;}
.al_list li{ float:left; margin-bottom:20px; width:23.325%; height:280px; margin-right:1.6%; position:relative;}
.al_list li a .bg{ overflow:hidden;}
.al_list li a .bg dl{ overflow:hidden;height:240px; position:relative;transition:all .5s ease;}
.al_list li a:hover .bg dl{ opacity:0.8;transition:all .5s ease;}
.al_list li a .bg dl img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;}
.al_list li a .bg dd{ font-size:16px; padding:10px 0px; line-height:20px; text-align:center; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.al_list li a:hover .bg dd{color:#d52d26;}

.al_show div.t{ overflow:hidden; padding:20px 0px; font-size:14px; color:#333333; border-bottom:1px solid #f2f2f2;}
.al_show div.t a{ color:#333333;}
.al_show div.t a:hover{ color:#ce413f;}
.al_show ul{ overflow:hidden; margin:40px 0px;}
.al_show ul li{ overflow:hidden;}
.al_show ul li.t{ font-size:36px; color:#212121; text-align:center;}
.al_show ul li.n{ font-size:14px; color:#999999; padding:10px 0px; text-align:center;border-bottom:1px solid #f2f2f2;}
.al_show ul li.f{ font-size:16px; color:#333333; line-height:32px;}
.al_show ul li.f dd{ font-weight:bold;}
.al_show ul li.f dl{ margin-bottom:45px;}
.al_show .f14{ border-top:1px solid #f2f2f2; overflow:hidden; padding:32px 0px;}
.al_show .f14 dl{ line-height:32px; font-size:16px; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.al_show .f14 dl a{ color:#333333;}
.al_show .f14 dl a:hover{color:#de3037;}

/*新闻动态*/
.news_list{ overflow: hidden; margin:50px 0px 20px;}
.news_list li{ overflow: hidden; border-bottom:1px solid #f2f2f2; margin-bottom:25px; padding-bottom:30px;}
.news_list li a div.bg{ overflow:hidden;}
.news_list li a div.bg dd{ font-size:24px; color:#333333; padding-left:105px; position:relative;}
.news_list li a div.bg dd i{ position:absolute; font-size:14px; color:#ffffff; background-color:#de3037; height:34px; line-height:34px; width:90px; text-align:center; left:0px;}
.news_list li a div.bg dl{ margin:20px 0px 25px; font-size:16px; color:#999999; line-height:30px;}
.news_list li a div.bg ol{ background:url(../images/news.png) no-repeat; height:10px; opacity:0;}
.news_list li a:hover div.bg ol{ opacity:1;}

.news_show div.t{ overflow:hidden; padding:20px 0px; font-size:14px; color:#333333; border-bottom:1px solid #f2f2f2;}
.news_show div.t a{ color:#333333;}
.news_show div.t a:hover{ color:#ce413f;}
.news_show ul{ overflow:hidden; margin:40px 0px;}
.news_show ul li{ overflow:hidden;}
.news_show ul li.t{ font-size:36px; color:#212121; text-align:center;}
.news_show ul li.n{ font-size:14px; color:#999999; padding:10px 0px; text-align:center;border-bottom:1px solid #f2f2f2; margin-bottom:12px;}
.news_show ul li.f{ font-size:16px; color:#333333; line-height:32px;}
.news_show ul li.f dd{ font-weight:bold;}
.news_show ul li.f dl{ margin-bottom:45px;}
.news_show .f14{ border-top:1px solid #f2f2f2; overflow:hidden; padding:32px 0px;}
.news_show .f14 dl{ line-height:32px; font-size:16px; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_show .f14 dl a{ color:#333333;}
.news_show .f14 dl a:hover{color:#de3037;}

/*联系我们*/
.lxwm{ padding:40px 0px 90px;}
.lxwm div.t{ overflow:hidden;}
.lxwm div.t #dituContent{ width:100% !important;}
.lxwm ul{ overflow:hidden; margin-top:48px; width:102%;}
.lxwm ul li{ float:left; width:23.4%; height:190px; margin-right:1.4%; position: relative;}
.lxwm ul li .bg{border:1px solid #f2f2f2; position:absolute; top:0px; left:0px; right:0px; bottom:0px; text-align:center; color:#333333; font-size:16px;}
.lxwm ul li .bg ol{ margin-top:24px;}
.lxwm ul li .bg dd{ margin-top:10px; font-weight:bold;}
.lxwm ul li .bg dl{ margin-top:10px;}

/*在线留言*/
.zxly{ overflow:hidden; padding:48px 0px 170px;}
.zxly li{ overflow:hidden; margin-bottom:30px;}
.zxly li.t dl{ width:32.3%;}
.zxly li.t dl.l{ float:left; margin-right:1.55%;}
.zxly li.t dl.r{ float:right;}
.zxly li.t dl dd{ font-size:16px; color:#333333; margin-bottom:10px;}
.zxly li.t dl dd i{ color:#de3037;}
.zxly li.t dl input{ border:0px; width:95%; padding-left:5%; background-color:#f7f7f7; height:45px; line-height:45px; outline:none; font-size:16px; color:#999999;}
.zxly li.c dl{ font-size:16px; color:#333333; margin-bottom:10px;}
.zxly li.c dl i{ color:#de3037;}
.zxly li.c textarea{ height:210px;font-family:"Microsoft YaHei",Arial; width:96%; border:0px; background-color:#f7f7f7;font-size:16px; color:#999999; left:25px; padding:10px 2%; line-height:22px;outline:none;}
.zxly li.y{ margin:24px 0px;}
.zxly li.y input{ border:0px; width:31%; float:left;padding-left:2%; background-color:#f7f7f7; height:45px; line-height:45px; outline:none; font-size:16px; color:#999999;}
.zxly li.y img{ margin-left:25px; height:45px;}
.zxly li.b input{ height:44px; line-height:44px; background-color:#de3037; color:#ffffff; font-size:16px; text-align:center; width:190px; border:0px;}

/*搜索*/
.so{ width:90%; margin:0px auto; max-width:1000px; background-color:#ffffff; height:48px; line-height:48px; border-radius:40px;}
.so .s_txt{ float:left; width:75%; margin-left:24px; border:0px; height:48px; font-size:16px;outline:none;}
.so .s_btn{ float:right; width:15%; max-width:32px; height:48px; line-height:48px;font-size:32px; border:0px; background:none; margin-right:24px;}
.so_list{ padding:2rem 0px; overflow:hidden;}
.so_list li{ line-height:3rem;}
.so_list li a{ display:block; float:left; width:80%; font-size:16px; color:#212121; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.so_list li a:hover{ color:#de3037;}
.so_list li i{ float:right;font-size:16px; color:#999999;}
.so_list li.no_so{ text-align:center; font-size:16px; line-height:32px; text-align:center;}
.so_list li.no_so b{ color:#de3037;}

/*动画效果*/
.banner{ z-index:9;}
#i1,#i2,#i3,#i4,#i5,#i6,#i7{position:relative; padding-top:40rem; margin-top:-40rem;}
#i1{ z-index:7;}
#i2{ z-index:6;}
#i3{ z-index:5;}
#i4{ z-index:4;}
#i5{ z-index:3;}
#i6{ z-index:2;}
#i7{ z-index:1;}


#i1 .i_about ul.fl,#i1 .i_about div.fr{ opacity:0;transition: all .5s ease;}
#i1.on .i_about ul.fl,#i1.on .i_about div.fr{ opacity:1;transition: all .5s ease;}
#i1 .i_about ul.fl{ margin-left:-30%;}
#i1 .i_about div.fr{ margin-right:-30%;}
#i1.on .i_about ul.fl{ margin-left:0px;}
#i1.on .i_about div.fr{ margin-right:0px;}

.i_t{ opacity:0;transition: all .5s ease; margin-top:-5rem;}
#i2.on .i_t,#i3.on .i_t,#i4.on .i_t,#i5.on .i_t,#i6.on .i_t{ opacity:1;transition: all .5s ease; margin-top:0px;}

#i2 .i_cp ul,#i3 #wrapper,#i4 .i_xtjjfa,#i5 .i_nav,#i5 .i_gcal .i_tab,#i6 .i_news{opacity:0;transition: all .5s ease;}
#i2.on .i_cp ul,#i3.on #wrapper,#i4.on .i_xtjjfa,#i5.on .i_nav,#i5.on .i_gcal .i_tab,#i6.on .i_news{opacity:1;transition: all .5s ease;}

#i7 .i_zx .width1240 dl,#i7 .i_zx .width1240 a{opacity:0;transition: all .5s ease;}
#i7.on .i_zx .width1240 dl,#i7.on .i_zx .width1240 a{opacity:1;transition: all .5s ease;}
#i7 .i_zx .width1240 dl{ margin-left:-30%;}
#i7 .i_zx .width1240 a{ margin-right:-30%;}
#i7.on .i_zx .width1240 dl{ margin-left:0px;}
#i7.on .i_zx .width1240 a{ margin-right:0px;}