@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font,q{padding:0; margin: 0; font-family:arial,stheiti;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-style: 100%;}
ol,ul,li,dl,dt,dd,q{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#666; text-decoration:none; display: block; }
p{display:inline-block; display:inline-block; _zoom:1;*display:inline;}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;color:#3078b5; cursor: pointer; }
.fl{ float:left; }
.fr{ float:right; }
.clear{ font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1;}
em,i{font-style: normal;}
.clearfix { zoom: 1; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; }
.row{ /*overflow: hidden;*/ width: 100%; }
.w-20{ width: 20%; }
.p-blue{ color:#00A0E8; }
.hei-lock{ min-height: 1000px; }
.more-btn{ -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease; }
.more-btn:hover,.more-btn:focus{ -webkit-transform: translateY(-17px); -ms-transform: translateY(-17px); transform: translateY(-17px); }

/*index css*/
.navbar{ width: 100%; height: 80px; background: transparent; z-index: 999; border-bottom: 1px solid rgba(255,255,255,.15); border-radius: inherit !important; }
.navbar:hover{ background: rgba(30,35,128,.25); }
.affix{ background: rgba(30,35,128,.9); transform: translateZ(0); transition: all .3s ease; }
.affix:hover,.affix:focus{ background: rgba(30,35,128,.9); }
.navbar .container{ /*min-width: 1000px;*/ max-width: 1200px; }
.navbar-header{ width: 30%; height: 35px; width: auto; margin:18px 0; }
.navbar-header a{ display: block; }
.menu-container{ width:70%; }
.menu-container ul{ width: 100%; display: inline-block; }
.menu-container ul>li{ width: 12%;  float: left; }
.menu-container ul>li>a{ color: #FFF; display: block; line-height: 50px; height: 80px; text-align: center; }
.menu-container ul>li>a:hover{ background:rgba(255,255,255,.05);  }

.main{ position: relative; top: 550px; margin:0;padding:0; }
.layer{ width: 100%; margin:0px auto; padding:80px 0; overflow: hidden; }
.layer .container{ padding: 0; }
.layer a.more-btn{ width: 200px;height: 40px;line-height: 40px;border-radius: 3px;letter-spacing: 1px; margin:50px auto; color: #fff;text-align: center;background: #00A0E9;background: -moz-linear-gradient(left,#00B8E9 0,#00A0E9 100%);background: -webkit-linear-gradient(left,#00B8E9 0,#00A0E9 100%);background: linear-gradient(to right,#00B8E9 0,#00A0E9 100%);box-shadow: 0 5px 20px rgba(0,184,233,.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8E9', endColorstr='#00A0E9', GradientType=1); }
.layer a.more-btn:hover,.layer a.more-btn:focus{ background: #00A0E9; box-shadow: 0 5px 20px rgba(0,184,233,.2); }
.layer-box{ height: auto; }
.layer-box2{ height: 880px; }
.layer-box3{ height: 740px; }
.layer-box3 .container{ position: relative; }
.layer-box4{ height: 600px; }
.layer-box5{ height: 520px; padding: 0; }
.layer-gray{ background-color: #F7F7F7; }
.layer-white{ background: #FFF; }
.layer-sol-02{ background: url(../images/solution/solution_bg_02.png) center bottom #15416F no-repeat; }
.layer-sol-03{ background: url(../images/solution/solution_bg_04.jpg) center bottom #0d126c no-repeat; }
.layer-partner{ background: url(../images/partner_bg2.jpg) center bottom #f6f6f6 no-repeat; }
.layer-partner .partner-list li{ margin-bottom: 20px; text-align: center; color: #666; transition: all 0.4s ease-out 0s; padding-bottom: 10px; }
.layer-partner .partner-list li:hover{ box-shadow: 0 6px 10px 0px rgba(0, 0, 0, .06);transform: translateY(-8px) scale(1.1); background: #FFF; border-radius: 3px;  }
.layer-partner .partner-list li img{ width: 84%; margin:5px 8% 0; }
.case-tab{ width: 100%; height: 40px; line-height: 40px; text-align: center; margin: 30px 0 0 0; }
.case-tab ul{ width: 550px; margin:0 auto; }
.case-tab ul li{ display: inline-block;width: 22%; height: 40px; line-height: 40px; cursor: pointer;box-sizing: border-box;margin: 5px 8px;overflow: hidden; }
.case-tab ul li.active{ background: #3078b5; border: 0; }
.case-tab .nav-tabs{ border: 0; } 
.case-tab .nav-tabs>li>a{ margin:0; border: 0; border-radius: 0; background-color: transparent; color: #666; font-size: 16px; }
.case-tab .nav-tabs>li.active>a, .case-tab .nav-tabs>li.active>a:focus, .case-tab .nav-tabs>li.active>a:hover{ background-color: #3078b5; border: 0; color: #FFF; }
.case-tab .nav-tabs>li.active>a:focus{ background-color: transparent; }
.case-list .case-img { position: absolute; top: calc(50% - 225px); overflow: hidden;}
.case-list .case-img img{ width: 100%; height: auto; overflow: hidden; }
.case-list .case-txt{ right: 50px; position: absolute; top: calc(50% - 225px); /*transform: translateY(-calc(50% - 225px));*/ width: 400px;  overflow: hidden; }
.case-list .case-txt h3{ line-height: 30px; font-size: 21px; color: #333; font-weight: 400; margin-bottom: 30px; overflow: hidden; }
.case-list .case-txt p{ margin-bottom: 20px; overflow: hidden; color: #666; font-size: 14px; line-height: 30px; }
.case-list .swiper-button-prev span{ opacity: unset !important; }
.case-list .swiper-button-next span{ opacity: unset !important; }
.tech-list{ text-align: center; transition: all 0.4s ease-out 0s; padding:15px 0 25px 0; }
.tech-list:hover{ box-shadow: 0 6px 15px 0px rgba(211, 238, 242, 0.8); transform: translateY(-8px); }
.tech-list img{ width: 100px; height: 100px; margin: 0 auto 15px; overflow: hidden; }
.tech-list .tech-txt h4{ margin:5px 0 10px 0; color: #333; }
.tech-list .tech-txt p{ color: #666; width: 100%; line-height: 25px; }
.solution-list{ height: 100%; }
.solution-list li{ position: relative; height: 100%; width: 16.6%; overflow: hidden; }
.solution-list li .solution-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.solution-list li .solution-bg img{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); }
.solution-list li .solution-mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .3s ease; }
.solution-list li .solution-mask img{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); }
.solution-list li .solution-cont{ position: relative; width: 100%; line-height: 1; text-align: center; z-index: 2; transition: all .3s ease; }
.solution-list li .solution-cont .solution-img{ display: block; width: 56px; height: 56px; margin: 135px auto 0 auto; overflow: hidden; }
.solution-list li .solution-cont .solution-img img{ height: 100%; width: auto;overflow: hidden; }
.solution-list li .solution-cont .solution-title{ width: 100%; font-size: 18px; line-height: 30px; color: #fff; text-align: center; margin-top: 40px; white-space: nowrap; }
.solution-list li .solution-cont .solution-line{ background-color: #FFF; width: 25px;  height: 2px; text-align: center; margin: 40px auto 0 auto; white-space: nowrap; }
.solution-list li .solution-cont .solution-btn{ opacity: 0; display: block; font-size: 14px; text-align: center; color: #fff; width: 110px; margin: 40px auto 0; line-height: 40px; border: 1px solid rgba(255,255,255,.4); transform: translate3d(0,20px,0); transition: all .3s ease; }
.solution-list li:hover .solution-mask{ opacity: 1; }
.solution-list li:hover .solution-cont { transform: translate3d(0,-10px,0); }
.solution-list li:hover .solution-cont .solution-btn { opacity: 1; transform: translateZ(0); }
h2.item-sub { color: #333; text-align: center; font-size: 32px; line-height: 56px; padding-bottom: 10px; background: url(../images/title_bg.png) bottom center no-repeat; }
em.item-sub-02{ color: #999; font-size: 16px; text-align: center; width: 100%;height: 30px; line-height: 30px; display: block; margin-top: 10px; letter-spacing: 1px; margin-bottom: 60px; } 
.main-news{ position: relative; display: block; margin: 0 auto; }
.main-news .content_list { position: relative; float: right; width: 50%; height: 510px; }
.main-news .item_block { position: relative; padding: 40px 20px 36px 38px; }
.main-news .item_block .item_wrapper { color: #333; transition: color .36s ease; }
.main-news .item_block .item_wrapper .date_wrap { color: inherit; }
.main-news .item_block .item_wrapper .date_wrap .md { color: inherit; font-size: 24px; font-family: inherit; line-height: 30px; }
.main-news .item_block .item_wrapper .item_des .description { overflow: hidden;width: 85%; height: 52px; font-size: 13px; line-height: 24px;opacity: .7; filter: alpha(opacity=70);}
.main-news .item_block:first-child { position: absolute; top: 0; left: -100%; box-sizing: border-box; padding: 44px 60px; width: 95%; height: 510px; background: #f8f8f8; transition: background .36s ease; }
.main-news .item_block:first-child .item_img { position: relative; overflow: hidden; width: 380px; height: 180px; }
.main-news .item_block:first-child .item_img img { width: 100%; -moz-transition: all .36s ease; -o-transition: all .36s ease; transition: all .36s ease; -webkit-transition: all .36s ease; }
.main-news .item_block:first-child .item_wrapper .item_info .title { margin-top: 8px; color: #333; font-size: 18px; line-height: 30px; }
.main-news .item_block:first-child:hover .item_wrapper .item_info .title{ color: #db393a; }
.main-news .item_block:first-child .item_wrapper .item_des { margin-top: 8px; margin-bottom: 15px; }
.main-news .item_block:first-child .item_wrapper .item_des .description { opacity: .7; overflow: hidden;box-sizing: border-box;padding-left: 0;max-height: 52px;width: 380px;height: auto; border-left: 1px solid transparent; font-size: 13px;line-height: 26px; -moz-transition: all .36s ease;-o-transition: all .36s ease; transition: all .36s ease; -webkit-transition: all .36s ease; }
.main-news .item_block:first-child .details { position: absolute; bottom: 40px; left: 60px;overflow: hidden;width: 140px;height: 36px;border-radius: 2px;background: #00A0E9;background: -moz-linear-gradient(left,#00B8E9 0,#00A0E9 100%);background: -webkit-linear-gradient(left,#00B8E9 0,#00A0E9 100%); background: linear-gradient(to right,#00B8E9 0,#00A0E9 100%);box-shadow: 0 5px 20px rgba(0,184,233,.2);color: #fff;text-align: center;line-height: 36px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8E9', endColorstr='#00A0E9', GradientType=1);-moz-transition: all .36s ease;-o-transition: all .36s ease;transition: all .36s ease; -webkit-transition: all .36s ease;}
.main-news .item_block:first-child:hover .details { bottom: 54px; left: 60px;opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); }
.main-news .item_block:first-child .details em { display: block; height: 36px; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; }
.main-news .item_block:first-child:hover .details .more { margin-top: -36px; }
.main-news .item_block:not(:first-child) .item_wrapper .item_info{ height: 39px; }
.main-news .item_block:not(:first-child) { padding-top: 35px; border-top: 1px solid #e5e5e5; width: 95%; margin-left: 5%; }
.main-news .item_block:not(:first-child):hover { box-shadow: 0 0 40px rgba(0,0,0,.08); }
.main-news .item_block:not(:first-child) .details { position: absolute; right: 26px; bottom: 44px; overflow: hidden; width: 45px; height: 16px; border-left: 1px solid #e5e5e5; color: transparent; }
.main-news .item_block:not(:first-child) .details:before { left: 15px; }
.main-news .item_block:not(:first-child) .details:after { left: -30px; opacity: 0; filter: alpha(opacity=0); }
.main-news .item_block:not(:first-child) .details:after, .main-news .item_block:not(:first-child) .details:before { position: absolute; top: 50%; width: 19px; height: 13px; background: url(../images/icon-arrow.png) no-repeat; content: ""; -moz-transition: all .36s ease; -o-transition: all .36s ease; transition: all .36s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .36s ease; }
.main-news .item_block:not(:first-child):hover .details:before { left: 30px; opacity: 0; filter: alpha(opacity=0); }
.main-news .item_block:not(:first-child):hover .details:after { left: 15px; opacity: 1; filter: alpha(opacity=100); }
.main-news .item_block:not(:first-child) .item_wrapper .date_wrap { float: right; }
.main-news .item_block:not(:first-child) .item_wrapper .date_wrap .md { color: #999; }
.main-news .item_block:not(:first-child) .item_wrapper .item_info .title { overflow: hidden; padding-left: 26px; color: inherit; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .36s; -moz-transition: all .36s; -o-transition: all .36s; transition: all .36s; -webkit-transform: translateX(-27px);-ms-transform: translateX(-27px); transform: translateX(-27px); }
.main-news .item_block:not(:first-child):hover .item_wrapper .item_info .title { color: #db393a; -webkit-transform: translateX(-17px); -ms-transform: translateX(-17px); transform: translateX(-17px); }
.main-news .item_block:not(:first-child):hover .item_wrapper .item_info .title:before { background-position: -35px -148px; }
.main-news .item_block:not(:first-child) .item_wrapper .item_des { -moz-transition: all .36s; -o-transition: all .36s; transition: all .36s; -webkit-transition: all .36s; }
.main-news .item_block:not(:first-child):hover .item_wrapper .item_des { -webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px); }

/*底部footer css*/
footer{ background: #2C2C2C; width: 100%; position: relative; z-index: 999999; }
footer .foot-box{  padding: 50px 0; }
footer .foot-list a{ width: 60%; height: 50px; line-height: 60px;border-bottom: 1px dotted #444; color: #999; letter-spacing: 1px; font-size: 14px; display: block; float: left; padding-right: 5px; transition: all .3s ease;}
footer .foot-list a:hover{ -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
footer .foot-list a em{ width: 18px; height: 8px; background: url(../images/icon-arrow.png) no-repeat; background-size: 85%; float: right; margin-top: 25px; }
footer .copyright{ width: 100%; height: 40px; background-color: #373536; }
footer .copyright>div{ color: #999; text-align: center; line-height: 40px; }
footer .copyright>div a{ color: #999; display: inline-block; }
footer .foot-box .col-md-8,footer .foot-box .col-md-4{ padding: 0px 10px; }

/*返回顶部scrollUp css*/
#scrollUp{ position: fixed; z-index: 999999999; display: block; background-color: #999; width: 46px; height: 46px; line-height: 46px; text-align: center; bottom: 20px; right: 20px; opacity: .3; }
i.icon-huidingbu{ font-size: 30px; color: #FFF; }
a#scrollUp:hover { opacity: 0.9; }

/*上一页下一页 css*/
.con-page-turn{ width: 90%; margin: 50px auto; text-align: center; }
.con-page-turn .pager li>a, .pager li>span { padding: 10px 30px; border-radius: 20px; }
.con-page-turn .pager li>a:focus, .pager li>a:hover { background-color:rgba(31,93,196,.8); color: #FFF; }

/*翻页 css*/
.page-turn{ text-align: center; margin-bottom: 30px; }
.pagination>li>a, .pagination>li>span { padding: 12px 24px; margin: 0 5px; color: #666; font-size: 16px; border: 0; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ background-color: rgba(31,93,196,.9); color: #FFF; }

/*列表页&文章页 css*/
.bignav{ -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; -webkit-transition: all .6s; -webkit-transform: translateY(-0px); -ms-transform: translateY(-0px); transform: translateY(-0px);}
.page-top-bg{ position: fixed; z-index: -1; left: 0; top: 0; width: 100%; height: 450px; line-height: 450px; overflow: hidden; }
.page-top-bg .page-banner-txt{ height: 120px; line-height: 60px; margin-top:200px; }
.page-top-bg .page-banner-txt h1{ color: #bed2ff; letter-spacing: 1px; }
.page-top-bg .page-banner-txt p{ color: #bed2dd; letter-spacing: 1px; font-size: 16px; }
.page-top-bg .row>div:nth-child(2){ padding-top: 35px; }
.page-top-bg img{ width: 100%; }
.page-top-bg .container{ z-index: 2; position: relative; }
.page-ban-bg{ width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; }
.page-ban-bg img{ height: 100%; }
.page-content{ width:100%; margin: 310px auto 0; position: relative; z-index: 2; }
.page-menu-top{ position: relative; z-index: 1; width: 100%; height: 60px; box-sizing: border-box; }
.page-menu-top .container{ max-width: 1200px; }
.page-menu-top .container ul li{ padding: 0; }
.page-menu-top .container ul li.active a{ background: url(../images/page_hover.png) bottom center no-repeat; background-color: rgba(31,93,196,.8); }
.page-menu-top .container ul li a{ color: #FFF; line-height: 60px; display: block; height: 60px; margin-left: 1px; background-color: rgba(31,93,196,.8); text-align: center; overflow: hidden; }
.page-menu-top .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background-color: rgba(31,93,196,.85); }
.page-menu-top .nav-pills>li+li{ margin-left: 0px; }
.page-menu-top .nav-pills>li>a{ border-radius: 0; padding: 0; }
.page-box-bg{ background: url(../images/page_bottom_bg.jpg) #f3f3f3 bottom center no-repeat; background-size: 100%; }
.page-box{ width: 100%; position: relative; z-index: 10; }
.page-box h6{ border-left: 2px solid #468EFC; height: 28px; line-height: 28px; font-size: 18px; color: #333; padding-left: 10px; font-weight: 600; }
.page-box ul{ margin-top: 40px; }
.page-box-pro h2{ margin-bottom: 50px; }
.layer-sol-02 h6,.layer-sol-03 h6{ color: #FFF; border-left: 2px solid #FFF; }
.page-center { min-height: 1000px; background-color: #FFF; margin-bottom: 50px; padding-bottom: 40px; }
.page-center .con-txt{ width: 90%; margin: 50px auto; text-align: center; }
.page-center .con-txt h4{ text-align: left; font-size: 30px; line-height: 45px; color: #333; padding-bottom: 30px; }
.page-center .con-txt em{ width:100%; text-align:center; border-bottom: 1px dotted #ddd; display: block; padding-bottom: 20px; margin-bottom: 50px; color: #999; }
.page-center .con-txt p{ line-height: 34px; text-overflow: ellipsis; font-size: 16px; margin-bottom: 10px; text-align: left; width: 100%; }
.page-center .con-txt img{ width: 60% !important; margin: 20px auto 10px auto; height: auto !important;  }
.page-list{ margin:50px auto; min-height: 500px; }
.page-list li{ display: inline-block; vertical-align: top; width: 32%; margin: 0 0.54%; border-top: 3px solid transparent; margin-top: 20px; }
.page-list li a{ outline: none; cursor: pointer; text-decoration: none; color: #393939; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; }
.page-list li .sec6_list2{ background: white; padding: 40px 10% 40px; box-sizing: border-box; border-top: 4px solid transparent; }
.sec6_list2 { background: white; padding: 40px 10% 40px; box-sizing: border-box; border-top: 4px solid transparent; height: 380px; }
.sec6_list2 h3 { font-size: 28px; color: #b2b2b2; font-weight: bold; }
.sec6_list2 h3 span{ font-size: 14px; font-weight: initial; }
.sec6_list2 p{ font-size: 16px; color: gray; line-height: 20px; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid lightgray; margin-bottom: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sec6_list3{ height: 140px; position: relative; overflow: hidden; }
.sec6_list3>img{ width: 100%; opacity: 1; }
.sec6_list4{ position: absolute; width: 100%; height: 100%; top: 0; }
.sec6_list4 span{ font-size: 14px; color: gray; line-height: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity: 0; }
.sec6_list4 i{ display: block; text-align: center; font-size: 50px; color: #2e4ba3; position: absolute; bottom: -40px; left: 43%; transform: translateX(-43%); opacity: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -o-transition: all .36s; transition: all .36s; -webkit-transform: translateY(-20px);-ms-transform: translateY(-20px); transform: translateY(-20px); }
.page-list li:hover{ border-color: #4e7dff; box-shadow: 0 2px 15px 0 grey; -webkit-transition: all .36s; -moz-transition: all .36s; -o-transition: all .36s; transition: all .36s; -webkit-transform: translateY(-5px);-ms-transform: translateY(-5px); transform: translateY(-5px); }
.page-list li:hover p{ color: black; }
.page-list li:hover .sec6_list2 h3{ color: #4e7dff;}
.page-list li:hover .sec6_list3>img{ opacity: 0; }
.page-list li:hover .sec6_list4 i{ bottom: -30px; color: rgba(78,125,255,.8); opacity: 1; -webkit-transition: all .36s; -moz-transition: all .36s; -o-transition: all .36s; transition: all .36s; -webkit-transform: translateY(-25px);-ms-transform: translateY(-25px); transform: translateY(-25px); }
.page-list li:hover .sec6_list4 span{ opacity: 1; }

/*产品系列list css*/
.pro-list{ width: 100%; height: 740px; background: #E9F8FD; }
.pro-list-02 { background: #D7F5FF; }
.pro-list-04 { background: #D7F5FF; }
.pro-list .row{ position: relative; }
.pro-list .pro-img{ line-height: 740px; }
.pro-list img{ width: 100%; overflow: hidden; }
.pro-list .pro-txt{ text-align: left; position: absolute; top: 26%; right: 0 }
.pro-list-02 .pro-txt { left: 0 }
.pro-list-04 .pro-txt { left: 0 }
.pro-list .pro-txt h4{ font-size: 32px; color: #104682; }
.pro-list .pro-txt p{ width: 100%; background: #104682; padding: 5px 10px; color: #FFF; font-size: 20px; margin: 30px 0; }
.pro-list .pro-txt dt{ padding: 30px 0; border-top: 1px dotted #104682; }
.pro-list .pro-txt dt dl{ color:#104682; font-size: 16px; font-weight: 500; line-height: 30px; }
.pro-list .pro-txt i{ color:#104682; font-size: 14px; padding-right: 10px; }
.pro-list .pro-txt a{ width: 150px; height: 45px; line-height: 45px; background: #104682; text-align: center; color: #FFF; display: block; }
.pro-list .pro-txt a:hover{ background: rgba(16,70,130,.75); }

/*产品系列详情 css*/
.mrg{ margin:50px 0; }
.mid-w80{ width: 80%; margin: 50px 10%; }
.mid-w80 img{ width: 100%; }
.mid-w60{ width: 60%; margin: 50px 20%; }
.mid-w60 img{ width: 100%; }
.mid-w20{ width: 20%; margin: 0px auto; text-align: center; }
.mid-w20 img{ width: 100%; }
.img-til{ width: 100%; margin: 20px auto;color: #488DF4;font-size:16px;}
.mid-video{ width: 80%; margin: 50px 10%; }
.pro-info{ width: 99%; margin-left: 0.5%; background-color: #FFF; display: block; box-shadow: 0px 0px 6px 0px rgba(211, 238, 242, 0.8); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.pro-info .img{ padding: 0; }
.pro-info img{ width: 100%; }
.pro-info .txt{ padding: 50px; line-height: 30px; text-align: left; color: #333; font-size: 15px; text-align: justify; }
.pro-advan li{ border-radius: 50%; border: 2px dashed #DDD; display: block; padding: 0; }
.pro-advan li>div{ margin: 2%; padding: 15% 5%; height: 96%; width: 96%; background-color:#FFF; border-radius: 50%; text-align: center; position: relative; overflow: hidden; } 
.pro-advan li>div i{ font-size: 55px; color: #999; z-index: 2; position: relative; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;}
.pro-advan li>div p{ width:90%; margin: 20px 5% 0; line-height: 30px; font-size: 15px; z-index: 2; position: relative; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.pro-advan li em{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: -1; transition: all .4s ease-in-out .2s; -moz-transition: all .4s ease-in-out .2s; -webkit-transition: all .4s ease-in-out .2s; }
.pro-advan li:nth-child(1) { border: 2px dashed #9CD8E3; }
.pro-advan li:nth-child(2) { border: 2px dashed #39DBE0; }
.pro-advan li:nth-child(3) { border: 2px dashed #96E3C1; }
.pro-advan li:nth-child(4) { border: 2px dashed #50B4FF; }
.pro-advan li:nth-child(5) { border: 2px dashed #8CCEFE; }
.pro-advan li:nth-child(6) { border: 2px dashed #C1DFA9; }
.pro-advan li:nth-child(7) { border: 2px dashed #97B8E3; }
.pro-advan li:nth-child(1) em{ background: #9CD8E3; transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); }
.pro-advan li:nth-child(2) em{ background: #39DBE0; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.pro-advan li:nth-child(3) em{ background: #96E3C1; transform: translateY(200%); -moz-transform: translateY(200%); -webkit-transform: translateY(200%); }
.pro-advan li:nth-child(4) em{ background: #50B4FF; transform: translateX(200%); -moz-transform: translateX(200%); -webkit-transform: translateX(200%); }
.pro-advan li:nth-child(5) em{ background: #8CCEFE; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.pro-advan li:nth-child(6) em{ background: #C1DFA9; transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); }
.pro-advan li:nth-child(7) em{ background: #97B8E3; transform: translateX(200%); -moz-transform: translateX(200%); -webkit-transform: translateX(200%); }
.pro-advan li:hover em{ transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); opacity: 1; z-index: 1;}
.pro-advan li:hover>div i , .pro-advan li:hover>div p{ color: #FFF; transition: all .6s ease-in-out; -webkit-transition: all .36s ease-in-out; -moz-transition: all .36s ease-in-out; }
.pro-a-3 li{ width: 25%; height: 300px; margin: 30px 4%; }
.pro-a-4 li{ width: 21%;height: 252px; margin: 30px 2%; }
.pro-a-5 li{ width: 25%; height: 300px; margin: 30px 4%; }
.pro-a-5 li:nth-child(4){ margin: 30px 4% 30px 20%; }
.pro-a-5 li:nth-child(5){ margin: 30px 20% 30px 4%; }
.pro-a-6 li{ width: 25%; height: 300px; margin: 30px 4%;}
.pro-a-7 li{ width: 21%; height: 252px; margin: 30px 2%;}
.pro-a-7 li:nth-child(5){ margin: 30px 4% 30px 10%; }
.pro-a-7 li:nth-child(6){ margin: 30px 4%; }
.pro-a-7 li:nth-child(7){ margin: 30px 10% 30px 4%; }
.pro-a-7 li>div{ padding: 10% 5%; }
.pro-a-7 li>div p{ margin: 0 5%; }
.pro-txt span{ margin-top: 40px; text-align: center; display: block; height: 30px; width: 100%; color: #666; font-size: 14px; }
.pro-txt span.p-blue{ color:#00A0E8; font-size: 18px; }
.pro-txt img{ width: 98%; margin:0 1%; }
.pro-img img{ width: 100%; overflow: hidden; margin: 5px 0 15px 0; }
.para{ width: 100%; margin:10px 0 50px 0; color: #666; display: block; line-height: 30px; text-align: left; color: #333; font-size: 15px; }
.remote-type img{ width: 40%; margin: 0 30%; }
.mid-tit{ text-align: center; color: #488DF4; font-size: 20px; margin-bottom: 20px; font-weight: 600; letter-spacing: 1px; }
.mid-tit
.per-a-box h5{ font-weight: 600; font-size: 18px; color:#00A0E8; margin-bottom: 15px; }
.per-a-box>div{ padding: 0; }
.per-a-box>div>div:nth-child(2){ text-align: center; }
.per-a-box>div>div img{ margin: 0 auto; height: 100%; }
.per-a-box p{ width: 100%; line-height: 35px; font-size: 15px; }
.mid-video iframe {height: 540px;}

/*关于OPT css*/
.company-bg{ width: 100%; height: auto; padding: 80px 0; background: #FFF; margin: 0 auto; overflow: hidden; }
.company-bg h2{ margin-bottom: 60px; }
.company-bg .col-md-6{ width: 50%; }
.company-bg .col-md-5{ width: 46%; margin-left: 4%; }
.company-bg .com-left img { width: 100%; overflow:hidden; }
.company-bg .com-right{ display: inline-block; vertical-align: middle; } 
.company-bg h3 i{ font-size:30px; color: #999;}
.company-bg .com-right span { display: inline-block; width: 360px; line-height: 30px; color: white; font-size: 13px; background: #2E4BA3; text-align: center; margin-top: 20px; position: relative; letter-spacing: 1px; }
.company-bg .com-right p { width: 360px; font-size: 14px; color: #333333; line-height: 25px; margin-top: 20px; text-align: justify; }
/*.company-cont-01{ height: 720px;} */
.company-cont-02{ height: 660px; background: url(../images/us_culture.jpg) center bottom no-repeat #3561A0; } 
.company-cont-02 h2{ color: #FFF; }
.company-cont-02 li{ width: 23.5%; height: 290px; margin-top: 10px; margin-left: 2%; float: left; display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 30px 20px; background: rgba(32,80,142,.65); border-bottom: 5px solid #2e4ba3;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.company-cont-02 li:hover{ margin-top: 0px; border-bottom: 3px solid rgba(83,118,173,.2); }
.company-cont-02 li:nth-child(1) { margin-left: 0; }
.company-cont-02 li:nth-child(1):hover{ background: url(../images/lksd_03.jpg) no-repeat; background-size: 100% 100%; }
.company-cont-02 li:nth-child(2):hover{ background: url(../images/lksd_03.jpg) no-repeat; background-size: 100% 100%; }
.company-cont-02 li:nth-child(3):hover{ background: url(../images/lksd_03.jpg) no-repeat; background-size: 100% 100%; }
.company-cont-02 li:nth-child(4):hover{ background: url(../images/lksd_03.jpg) no-repeat; background-size: 100% 100%; }
.company-cont-02 li i{ display: block; width: 46px; height: 46px; margin-bottom: 20px; font-size: 45px; color: #FFF; }
.company-cont-02 li p{ display: block; color: #FFF; font-size: 14px; }
.company-cont-02 li line:before { content: ''; display: block; width: 100%; height: 1px; background: rgba(216,224,229,.7); margin-bottom: 0px; margin-top: 15px; margin-bottom: 20px; }
.company-cont-02 li line:after { content: ''; display: block; width: 45px; height: 3px; background: rgba(0,38,146,1); position: relative; top: -22px;  }
.company-cont-02 li:hover line:after { background: #FFF; }
.company-cont-02 li span{ width: 100%; /*height: 50px;*/display: block; font-size: 14px; line-height: 25px; position: relative; overflow: hidden; color: #FFF; text-align: justify; }
.company-cont-02 li:hover span { transform: translateY(-10px); }
.company-cont-03{ height: 720px; }
.company-cont-03 .com-right{ padding-top: 50px; }
.company-cont-03 .com-right p.top{ margin-top: 50px; }
.company-cont-04{ background: #FAFAFA; }
.company-cont-04 .row{ overflow: visible; }
.history-list{ position: relative; }
.history-list:after { content: ''; display: block; width: 200%; height: 1px; background: lightgray; position: absolute; top: 60px; left: -30%; }
.history-time{ text-align: center; margin-bottom: 35px; cursor: pointer; /*left: 490px;*/ z-index: 222; position: relative; }
.history-time time{ font-size: 24px; font-weight: bold; color: #333; display: block; margin-bottom: 15px; }
.history-time time{outline: none; cursor: pointer; text-decoration: none; color: #393939; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s;}
.swiper-slide-active .history_time time, .swiper-slide:hover .history_time time { color: #4e7dff; }
.history-time span{ display: inline-block; width: 20px; height: 20px; background: #cdd1e0; line-height: 17px; text-align: center; border-radius: 50%; }
.history-time span i{ display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; background: #2e4ba3; }
.history-content{ box-sizing: border-box; padding: 25px; border: 1px solid #e1e2e4; min-height: 352px; }
.history-content span { display: block; margin: 0 auto; width: 75px; height: 75px; border: 2px dashed #d5dbed; text-align: center; line-height: 70px; border-radius: 50%; }
.history-content span i { display: inline-block; width: 63px; height: 63px; border-radius: 50%; vertical-align: middle; }
.history-content h3 { font-size: 18px; color: #333; font-weight: bold; text-align: center; margin-top: 25px; }
.history-content h3:after { content: ''; display: block; width: 30px; height: 2px; background: #d4d4d4; margin: 10px auto; }
.history-content p { font-size: 14px; color: gray; line-height: 25px; text-align: justify; }
.swiper-slide .history-content span i { background: #2e4ba3; color: #FFF; font-size: 32px; line-height: 63px; }
.swiper-slide:hover .history-content span i { background: #FFF; color: #4e7dff; }
.swiper-slide:hover .history-content h3{ color: #FFF; }
.swiper-slide:hover .history-content p{ color: #FFF; }
.swiper-slide-active .history-content h3, .swiper-slide:hover .history-content h3 { color: #FFF; }
.swiper-slide-active .history-content span i, .swiper-slide:hover .history-content span i { background: #fff; color: #4e7dff; }
.swiper-slide-active .history-content p, .swiper-slide:hover .history-content p { color: rgba(250,250,250,.5); }
.history-list .swiper-slide-active .history-content,.history-list .swiper-slide:hover .history-content{ background: #4e7dff; }
.company-cont-04 .swiper-button-next { right: -65px; }
.company-cont-04 .swiper-button-prev { left: -65px; }																																																																																																																																																																				
.company-cont-05 .row{ overflow: visible; }
.company-cont-05 h2{ margin-bottom: 0px; }
.honor-list{ width: 100%; height: auto; }
.honor-list li{ height: 300px; margin-bottom: 20px; float: left; position: relative; }
.honor-list .img{ display: block; height: 250px; width: 100%; overflow: hidden; background: #FAFAFA;text-align: center; }
.honor-list .img>img { display: block; height: 100%; width: auto;margin: 0 auto; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; }
.honor-list .txt{ height: 50px; width: 100%; background: #E5E5E5; position: relative; text-align: center; overflow: hidden; z-index: 2; }
.honor-list .txt h5{ font-size: 15px; line-height: 50px; color: #000; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; font-weight: initial; }
.honor-list .txt em{ background: #4e7dff; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all .4s ease-in-out .2s; -moz-transition: all .4s ease-in-out .2s; -webkit-transition: all .4s ease-in-out .2s; }
.honor-list li:hover .img>img{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }
.honor-list li:hover .txt h5{ color: #fff; }
.honor-list li:hover .txt em{ transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
.pager li>a{ padding:10px 25px; border-radius: 5px; }
.pager li>a i{ font-size: 22px; }

/*技术优势 css*/
.page-box-tech h2{ margin-bottom: 40px; }
.page-box-tech p{ width: 80%; text-align: center; line-height: 30px; color: #666; margin: 0 10%; }
.page-box-tech ul{ margin-top: 40px;  }
.apps li{ width: 80%; margin: 0 auto 30px auto; border-radius: 5px; background-color: #FFF; overflow: hidden; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.apps li:hover{ box-shadow: 0 2px 15px 0 #DDD; }
.apps .apps-logo{ width: 30%; height: 100%; padding: 30px; display: inline-block; text-align: center; float: left; color: #FFF; font-size: 18px; } 
.apps .apps-logo img{ margin: 20px 40%; width: 20%; }
.apps .apps-01{ background: linear-gradient(to bottom, #60BE99, #71D0CD) #60BE99; height: 262px; padding-top: 60px; }
.apps .apps-02{ background: linear-gradient(to bottom, #FF8B8B, #F7B890) #FF8B8B; height: 262px; padding-top: 60px; }
.apps .apps-03{ background: linear-gradient(to bottom, #6083EA, #44BCF9) #6083EA; height: 200px; padding-top: 30px; }
.apps .apps-04{ background: linear-gradient(to bottom, #C18FE8, #FCC6EE) #C18FE8; height: 200px; padding-top: 30px; }
.apps .apps-04 img{ margin: 20px 10px; }
.apps .apps-txt{ width: 70%; padding: 30px 40px; text-align: left; display: inline-block; }
.apps .apps-txt p{ width: 100%; line-height: 35px; color: #666; font-size: 14px; text-align: left; margin: 0; float: left; }
.apps .apps-txt em{ line-height: 20px; color: #666; font-size: 14px; padding-bottom: 10px; border-bottom: 1px dotted #efefef; float: left; width: 100%; }
.cooperate-box li{ /*width: 20%;*/ text-align: center; }
.cooperate-box li.col-md-2 { padding-left:0;padding-right:0;  }
.cooperate-box li img{ width: 75%; margin: 20px auto; }
.cooperate-box li span{ width: 100%; text-align: center; display: block; font-size: 16px; color: #044F99; }
.commun-tech-02 li{ margin-top: 120px; height: 400px; }
.commun-tech-02 li .solution-icon{ width: 100px; height: 100px;line-height: 100px; margin: 0 auto; background-color: #00A0E8; border-radius: 50%; text-align: center; z-index: 32; margin-top: -400px; }
.commun-tech-02 li .solution-icon i{ color: #FFF; font-size: 45px; }
.commun-tech-02 li .solution-txt{ width: 100%; height: 350px; background-color: #F7F7F7; border-top: 3px solid #DDD; padding: 80px 10px 30px 10px; z-index: 30; }
.commun-tech-02 li .solution-txt p{ text-align: left; }
.commun-tech-02 li:hover .solution-txt{ box-shadow: 0 2px 10px 2px #CDE4F2; border-top: 3px solid #00A0E8;transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; }
.commun-tech-02 li:hover {-webkit-transition: all .36s; -moz-transition: all .36s; -o-transition: all .36s; transition: all .36s; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.indust-control-01 li{ margin-top: 30px; }
.indust-control-01 li img{ width: 100%;height: auto; margin:0px; }
.indust-control-01 li p{ width: 100%; text-align: left; margin-bottom: 30px; font-size: 15px; margin-right: 0; margin-left: 0; text-overflow: ellipsis; }
.indust-control-01 li p.p-point{ margin-bottom: 0; }
.indust-control-01 li p.p-blue{ color:#00A0E8; }
.indust-control-01 li h5{ font-weight: 600; font-size: 16px; color:#00A0E8; margin-bottom: 15px; }
.indust-control-01 li span{ width: 65%; height: 40px; line-height: 40px; text-align: center; display: block; background-color: #00A0E8; color: #FFF; }
.indust-control-02 li:first-child{ margin-top: 150px; }

/*解决方案 css*/
.page-box-sol h2{ margin-bottom: 50px; }
.page-box-sol li{ text-align: center; margin-top: 40px; }
.vrv-sol-01 li i{ font-size: 45px; padding: 20px; border-radius: 50px; border: 2px solid #00A0E8; color: #00A0E8; transition: All 0.26s ease-in-out; -webkit-transition: All 0.26s ease-in-out; -moz-transition: All 0.26s ease-in-out; -o-transition: All 0.26s ease-in-out; }
.vrv-sol-01 li:hover i{ background-color: #00A0E8; border: 0; padding: 25px; color: #FFF; transform: rotate(180deg) scale(1.2,1.2);-webkit-transform: rotate(180deg) scale(1.2,1.2);-moz-transform: rotate(180deg) scale(1.2,1.2);-o-transform: rotate(180deg) scale(1.2,1.2);-ms-transform: rotate(180deg) scale(1.2,1.2); }
.vrv-sol-01 li>div{ padding-top: 40px; } 
.vrv-sol-02 li{ height: 220px; padding: 0 10px; transition: All 0.26s ease-in-out; -webkit-transition: All 0.26s ease-in-out; -moz-transition: All 0.26s ease-in-out; -o-transition: All 0.26s ease-in-out; transform-style: preserve-3d; }
.vrv-sol-02 .flippers{ cursor: pointer; display: block; height: 100%; width: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.8s ease-in-out 0s; }
.vrv-sol-02 .fronts, .vrv-sol-02 .backs { backface-visibility: hidden; left: 0; position: absolute; top: 0; transform-style: preserve-3d; transition: all 0.6s ease-out 0s; border-radius: 5px; }
.vrv-sol-02 .fronts { background: rgba(25,74,143,.5) none repeat scroll 0 0; height: 100%; width: 100%; padding-top: 45px; z-index: 2; }
.vrv-sol-02 .backs { background-color: rgba(25,74,143,1); color: #fff; font-size: 14px; height: 100%; width: 100%; padding: 20px; transform: rotateY(-180deg); z-index: 1; opacity: 0; transform-style: preserve-3d; transition: all 0.6s ease-out 0s;}
.vrv-sol-02 li:hover .fronts { transform: rotateY(180deg); z-index: 1; }
.vrv-sol-02 li:hover .backs { transform: rotateY(0deg); z-index: 2; opacity: 1; }
.vrv-sol-02 i{ font-size: 55px; color: #9FB3CB; }
.vrv-sol-02 .fronts>div{ color: #9FB3CB; font-size: 20px; letter-spacing: 1px; font-weight: 500; }
.vrv-sol-02 .backs p{ text-align: center; width: 100%; height: 30px; font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.vrv-sol-02 .backs em{ width: 100%; text-align: left; display:block;line-height: 25px; font-size: 13px; }
.sol-bg { margin: 0 30%; }
.sol-bg img{ width: 100%; }
.vrv-sol-03{ position: relative; }
.vrv-sol-03 li{ height: 50px; line-height: 50px; position: absolute; top: 15px; }
.vrv-sol-03 li:nth-child(1){ left: 40px; }
.vrv-sol-03 li:nth-child(2){ left: 570px; }
.vrv-sol-03 li:nth-child(3){ left: -50px; }
.vrv-sol-03 li:nth-child(4){ left: 670px; }
.vrv-sol-03 li:nth-child(3),.vrv-sol-03 li:nth-child(4) { top: 195px; }
.vrv-sol-03 li img{ height: 100%; width: auto; margin: 0 20px; }
.vrv-sol-04 img{ width: 100%; }
.vrv-sol-04 li:nth-child(2) img{ height: 60px; width: 20px; }
.vrv-sol-04 li:nth-child(2)>div{ width: 80%; height: 50px; line-height: 50px; border: 1px dashed #5186FB; margin: 5px 10%; color: #5186FB; font-size: 18px; transform-style: preserve-3d; transition: all 0.6s ease-out 0s; }
.vrv-sol-04 li:nth-child(2)>div:hover{ background-color: #5186FB; color: #FFF; box-shadow: 0 6px 8px 0 rgba(138, 180, 252, 0.5); transform: translateY(-6px); }  
.vrv-sol-05 .fronts>div{ color: #333; font-size: 16px; letter-spacing: 0; }
.vrv-sol-05 i{ color: ; }
.vrv-sol-05 .fronts{ background-color: #FFF; box-shadow: 0 2px 8px 0 rgba(211, 238, 242, 0.8); transform: translateY(-5px); }
.vrv-sol-05 .backs{ background-color: #00A0E8; box-shadow: 0 6px 8px 0 rgba(211, 238, 242, 0.8); }
.vrv-sol-06 li{ height: 100%; margin-top: 0px; }
.vrv-sol-06 li img{ width: 100%; }
.vrv-sol-06 li:nth-child(1) img{ padding-top: 150px; }
.vrv-sol-boiler .flippers{ width: 80%; margin: 0 10%; }
.vrv-sol-boiler .backs p{ margin: 30px 0 20px 0; }
.vrv-sol-boiler .backs em{ text-align: center;  }
.boiler{ text-align: center; font-size: 18px; color: #666; }
.boiler img{ width: 80%; margin: 30px 10%; }
.p-b-16{ margin: 50px auto; font-size: 16px; line-height: 35px; text-align: justify; }
.p-b-14{ font-size: 14px; line-height: 30px; text-align: justify; height: 90px; width: 100%;}
.p-w-18{ color: #FFF; font-size: 18px; width: 100%; text-align: left; }
.p-w{ color: #FFF; }
.p-36{ font-size: 36px; line-height: 300px; }
.advan-box li{ transform-style: preserve-3d; transition: all 0.6s ease-out 0s; margin: 15px 0; }
.advan-box li:hover{  transform: translateY(-6px); }
.advan-box .advan-in{ background-color: #FFF; box-shadow: 0 6px 6px 0 rgba(138, 180, 252, 0.3); border-radius: 5px; width: 96%; height: 265px; margin: 0 2%; padding: 30px; }
.advan-box .bg-gray{ background-color: #F7F7F7; width: 100%; height: 200px; transform-style: preserve-3d; transition: all 0.6s ease-out 0s; margin: 0; }
.advan-box .bg-white{ background-color: #FFF; width: 100%; height: 200px; transform-style: preserve-3d; transition: all 0.6s ease-out 0s; margin: 0 0 50px 0; }
.advan-box .ad-icon-mid { width: 100px;height: 100px;line-height: 100px;border-radius: 50%;text-align: center;color: #488DF4;border: 5px solid #F7F7F7;margin: 0 auto;margin-top: -85px;margin-bottom: 20px; }
.advan-box .ad-icon-mid.ad-icon-mid-bw {border: 5px solid #FFF;}
.advan-box .ad-icon-mid i{ font-size: 45px;font-weight: 600; }
.advan-box li:hover .bg-gray{ background-color: #488DF4; }
.advan-box li:hover .bg-white{ background-color: #488DF4; }
.advan-box li .mid-tit,.advan-box li .bg-gray,.bg-white p{  transform-style: preserve-3d; transition: all 0.36s ease-out 0s; }
.advan-box li:hover .mid-tit,.advan-box li:hover .bg-gray,li:hover .bg-white p{ color: #FFF; }
.ad-icon{ height: 50px; display: block; line-height: 50px; font-size: 18px; text-align: left; margin-bottom: 40px; }
.ad-icon-1{ background: url(../images/solution/icon_06.png) left center no-repeat; padding-left: 60px;}
.ad-icon-2{ background: url(../images/solution/icon_05.png) left center no-repeat; padding-left: 60px;}
.ad-icon-3{ background: url(../images/solution/icon_07.png) left center no-repeat; padding-left: 60px;}
.ad-icon i{ width: 50px; height: 50px; color:#01ADFF; font-size: 45px; margin-right: 20px; }
.ad-title{ font-size: 20px; margin-bottom: 25px; font-weight: bold;color: #333333;}
.ad-title-sub{ font-size: 16px;margin-bottom: 10px; color: #333333;}

.system li:nth-child(2){ margin-top: 100px; text-align: left; }
.data-txt-box{ height: 300px !important; }
.data-txt-bg{ width: 100%; background: rgba(25,74,143,.6); padding: 40px 30px; border-radius: 5px;}
.data-txt-bg span{ display: block; width: 100%; line-height: 35px; text-align: left; color: #FFF; padding-left: 10px; }
.data-txt-bg line{ border-top: 1px dashed rgba(255,255,255,.6); width: 100%; height: 1px; margin: 20px 0; display: block; overflow: hidden; }
.gprs{ text-align: center; font-size: 18px; color: #666; line-height: 35px; }
.gprs img{ width: 46%; margin: 80px 27%; }
.lock-page{ min-height: 600px; }

/*经典案例list css*/
.page-box-case{ background-color: #FFF; padding-bottom: 60px; }
.example-list{ width: 100%; height: auto; }
.example-list .img{ position: relative; display: block; width: 100%; height: 240px; overflow: hidden; }
.example-list .img>img { display: block; width: 100%; height: 100%; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; }
.example-list .txt{ height: 70px; overflow: hidden; width: 100%; position: relative; text-align: center; overflow: hidden; z-index: 2; }
.example-list .txt h5{ font-size: 15px; line-height: 1.5; padding-top: 10px; color: #000; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; font-weight: initial; }
.example-list .txt span{ font-size: 13px; color: #999; display: block; height: 30px; line-height: 30px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.example-list .txt em{ background: #2999ff; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all .4s ease-in-out .2s; -moz-transition: all .4s ease-in-out .2s; -webkit-transition: all .4s ease-in-out .2s; }
.example-list li:hover .img>img{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.example-list li:hover .txt h5{ color: #fff; }
.example-list li:hover .txt span{ color: #fff; }
.example-list li:hover .txt em{ transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
.loading{ padding: 50px 0; text-align: center; font-size: 24px; letter-spacing: 2px; color: #00A0E8; }

/*联系我们 css*/
.contact-info li{ margin: 20px auto; }
.contact-info li:nth-child(1),.contact-info li:nth-child(4){ margin-left: 0; }
.contact-info li:nth-child(3),.contact-info li:nth-child(6){ margin-right: 0; }
.contact-info li a{ background-color: #F2F2F2; display: inline-block; margin: 0 1%; padding: 30px 20px; width: 98%; height: 100%; transition: all .26s ease-in; -webkit-transition: all .26s ease-in; -moz-transition: all .26s ease-in; }
.contact-info li:hover a{ background: #2D4BA3; transition: all .44s ease-in; -webkit-transition: all .44s ease-in; -moz-transition: all .44s ease-in; }
.contact-info li a>div{ display: block; padding: 0; }
.contact-info li i{ font-size: 30px; }
.contact-info li p{ width: 100%; margin-top: 10px; }
.contact-info li i, .contact-info li p{ transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;  }
.contact-info li:hover i, .contact-info li:hover p{ color: #FFF; transition: all .6s ease-in; -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; }
.contact-info li img{ padding: 0 5px }
.contact-info li>div{ background-color: #FFF; display: inline-block; margin: 0 1%; padding: 30px 20px; width: 98%; height: 100%; -moz-transition: all .36s ease; -o-transition: all .36s ease; transition: all .36s ease; -webkit-transition: all .36s ease; }
.contact-info li>div h5{ font-size: 22px; }
.contact-info li>div span{ display: block; width: 100%; padding-top: 10px; }
.contact-info li>div line:before { content: ''; display: block; width: 100%; height: 1px; background: rgba(216,224,229,.7); margin-bottom: 0px; margin-top: 30px; }
.contact-info li>div line:after { content: ''; display: block; width: 40px; height: 3px; background: rgba(0,38,146,1); position: relative; top: -2px; transition: all .3s ease-in; }
.contact-info li:hover>div{ box-shadow: 0 5px 20px rgba(0,184,233,.2); -moz-transition: all .36s ease; -o-transition: all .36s ease; transition: all .36s ease; -webkit-transition: all .36s ease; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.contact-info li:hover>div line:after{ width: 100%; }
.contact-info li:hover p.p-0{ color: #000; }
.hr-list li{ margin-bottom:30px; }
.hr-list .post{ height: 60px; line-height: 60px; background-color:#F2F2F2; }
.hr-list .post-txt{ background-color: rgba(250,250,250,.8); z-index: 21; transition: all .46s ease-in; opacity: 0; height: 0; }
.hr-list .post-txt>div{ margin-top: 40px; transition: all .36s ease-in; display: none; }
.hr-list .post-txt h6{ color: #2D4BA3; width: 100%; margin: 20px 0 10px 0; font-weight: normal; }
.hr-list .post-txt p{ color: #999; width: 100%; line-height: 25px; }
p.hr-email{ width: 25% !important; background-color: #2D4BA3; }
p.p-f-18{ font-size: 18px; font-weight: 600; letter-spacing: 1px; padding: 0; }
p.p-fr{ text-align: right; }
i.p-f{ color: #FFF; border:1px solid #FFF; margin: 1%; width: 98%; display: block; height: 40px; line-height: 40px; text-align: center; }
p.p-fr i{ margin-left: 10px; width: 20px; height: 20px; position: relative; top: 4px; display: inline-block; }
i.fold-01{ background: url(../images/jia.png) center center no-repeat; background-size: 100%; transition: all .36s ease-in; }
.icon-icon1460191732603:before{ padding-right: 12px; font-size: 18px; }
.hr-list .post p.p-f-18{ color: #999; }
.hr-list li.active .post{ background-color:#2D4BA3; }
.hr-list li.active .post p.p-f-18{ color: #FFF; }
.hr-list li.active .post-txt{ height:100%; opacity: 1; z-index: 22; padding: 0 40px 40px 40px; }
.hr-list li.active .post-txt>div{ display: block;  }
.hr-list li.active i.fold-01{ background: url(../images/jian.png) center center no-repeat; background-size: 100%; transition: all .36s ease-in; }



@media (max-width:768px) {
	.navbar{ background-color: rgba(30,35,128,1); }
	.navbar:hover,.navbar:focus{ background-color: rgba(30,35,128,1); }
	.navbar .container{ min-width: 100%; overflow-x:hidden; }
	.navbar-brand>img{ height: 100%; }
	.navbar-brand{ padding: 12px 15px; }
	.navbar-default .navbar-toggle{ border-color: #2a44c5; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #2a44c5; }
	.navbar-default .navbar-toggle .icon-bar{ background-color: #366cd0; }
	.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{ background-color: #fff; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ width: 106%; background: #f5f5f5;max-height: 345px; }
	.navbar-default .navbar-nav>li>a{ color: #333;border-bottom: 1px dotted #ddd; }
	.navbar-collapse .navbar-nav li a:hover, .navbar-collapse .navbar-nav li a:focus{ border-bottom: 1px solid #2a44c5; }
	.row{ width: 95%; margin: 0 auto; }
	.w-20{ width: 33.33333%; }
	.main{ top: 500px; }
	.layer{ padding: 50px 0; }
	.layer-box{ height: auto; }
	.layer-box2{ height: auto; }
	.layer-box3{ height: auto; }
	.layer-box4{ height: auto; }
	.layer-box5{ height: auto; padding: 0 !important; }
	.layer-box5 .col-xs-6{ width: 50% !important; height: 380px; } 
	.layer-box2>div img{ width: 100%; }
	.layer a.more-btn{ margin-bottom: 0; }
	.main-news .content_list{ width: 100%; height: auto; }  
	.main-news .item_block{ padding: 20px 10px; }
	.main-news .item_block .item_wrapper .item_des .description{ width: 80%; } 
	.main-news .item_block:first-child { position: relative; top: 0; left: 0px; padding: 25px 20px; width: 100%; height: 510px; }
	.main-news .item_block:first-child .item_wrapper .item_des .description{ width: 95%; }
	.main-news .item_block:first-child .item_img{ width: 100%; }
	.main-news .item_block:first-child .details { left: 20px; }
	.solution-list li .solution-cont .solution-img{ margin-top: 75px; }

	.page-top-bg{ height: 475px; line-height: 200px; overflow: hidden; }
	.page-top-bg img{ width: 90%; margin: 60px 5% 0; }
	.page-ban-bg img{ width: 100%; margin: 0; }
	.page-top-bg .page-banner-txt{ margin-top: 0px; text-align: center; position: absolute; top: 300px; left: 0;line-height: 50px; }
	.page-top-bg .page-banner-txt h1{ font-size: 25px; text-align: center; }
	.page-top-bg .page-banner-txt p{ line-height: 25px; font-size: 14px; }
	.page-menu-top .nav-pills{ margin-top: 78px; }
	.page-content{ margin: 330px auto 0; /*background:#E9F8FD;*/ }
	.page-content-2{ margin-top: 390px !important; }
	.page-menu-top{ height: auto; background: transparent !important; z-index: 11; }
	.page-menu-top .container ul li a{ margin-top: 3px; }
	.page-menu-top .container ul li.active a{ background-color: rgba(31,93,196,1); }
	.page-center .con-txt img{ width: 90% !important; margin: 20px 5% 10px 5%; height: auto !important;  }
	.page-box .tab-content{ padding-top: 60px; background-color: #FFF; }
	.page-box-bg .tab-content{ background-color: transparent;padding-top: 0px; }
	.page-list li{ width:100%; }
	.pro-list .pro-txt{ position: relative; float: left; margin: 30px auto 60px auto; }
	.pro-list .pro-img{ line-height: 1; margin-top: 50px; float: left !important; }
	.pro-list{ min-height: 500px; height: auto; }
	
	/*产品详情 css*/
	.pro-advan li>div{ padding: 6% 5%;border-radius: 20px; }
	.pro-advan li>div i{ font-size: 45px; }
	.pro-advan li>div p{ font-size: 14px; line-height: 30px; margin: 0px 5% 0; }
	.pro-advan li em{ border-radius: 20px; }
	.pro-a-3 li{ width: 47%;height: 250px;margin: 10px 1%;border-radius: 20px; }
	.pro-a-3 li:nth-child(3){ margin: 10px 1%; width: 96%; }
	.pro-a-4 li{ width: 47%;height: 200px;margin: 10px 1%;border-radius: 20px; }
	.pro-a-5 li{ width: 47%;height: 250px;margin: 10px 1%;border-radius: 20px; }
	.pro-a-5 li:nth-child(4){ margin: 10px 1%; }
	.pro-a-5 li:nth-child(5){ margin: 10px 1%; width: 96%; }
	.pro-a-6 li{ width: 47%;height: 200px;margin: 10px 1%;border-radius: 20px; }
	.pro-a-7 li{ width: 47%;height: 250px;margin: 10px 1%;border-radius: 20px; }
	.pro-a-7 li:nth-child(5){ margin: 10px 1%; }
	.pro-a-7 li:nth-child(6){ margin: 10px 1%; }
	.pro-a-7 li:nth-child(7){ margin: 10px 1%; width: 96%; }
	.remote-type img { width: 90%; margin: 0 5%; }
	.pro-txt{ margin: 15px 0; }
	.pro-txt span { margin-top: 20px; height: auto; }
	.mid-w80, .mid-w60{ width: 90%; margin: 30px 5%; }
	h2.item-sub{ font-size: 22px; line-height: 35px;}
	.page-box-pro h2{ margin-bottom: 30px; }
	.mrg { margin: 30px 0; }
	.boiler img{ width: 100%; margin:0; }
	.mid-video iframe{ height: 320px; }

	/*关于我们 css*/
	.company-bg {padding: 40px 0;}
	.company-bg h2{ margin-bottom: 25px; }
	.company-cont-01{ height: auto; }
	.company-bg .col-md-6{ width: 100%; }
	.company-bg .col-md-5{ width: 100%; margin-left: 0; }
	.company-bg .com-right h3{ margin-top: 20px; }
	.company-bg .com-right span{ left: 0; }
	.company-cont-02{ height: auto; }
	.company-cont-02 li{ width: 100%;  padding: 10px 20px; margin-top: 30px; height: 235px;margin-left: 0; }
	.company-cont-02 li:hover{ margin-top: 20px; }
	.company-cont-02 li:nth-child(2){ margin-left: 0; }
	.company-cont-02 li span{ height: 30px; line-height: 30px; }
	.company-cont-03{ height:auto; }
	.company-cont-03 .com-right{ padding-top: 10px; }
	.company-cont-03 .com-right p.top { margin-top: 20px; }
	.company-cont-04 .swiper-button-prev{ left: 0px; }
	.company-cont-04 .swiper-button-next{ right: 0px; }
	.company-cont-05 .row .row{ width: 100%; }
	.swiper-container{ width: 80%; }
	.case-tab{ margin: 10px auto; }
	.case-tab ul{ width: 100%; }
	.case-tab ul li{ margin: 0 2px;}
	.case-tab .nav-tabs>li>a{ padding: 0; line-height: 40px; }
	.case-list{ padding-top: 0 !important; }
	.case-list .case-txt{ position: relative; width: 100%; right: 0; top: 120px; }
	
	/*技术优势 css*/
	.apps li{ width: 100%; }
	.apps .apps-logo{ width: 100%; height: 150px; padding-top:20px; }
	.apps .apps-logo img{ margin: 20px 20px 20px 0; height: 80%; width: auto;  }
	.apps .apps-04{ padding-top: 50px; line-height: 30px; text-align: left; }
	.apps .apps-04>div{ float: left; }
	.apps .apps-04>div img{ width: 25%;margin-top: 12px; }
	.apps .apps-txt{ width: 100%; padding:10px 15px; }
	.cooperate-box li{ width: 50%; font-size: 14px; height: 240px; }
	.cooperate-box li img{ width: 60%; }
	.commun-tech-02 li{ margin-top: 30px; height: 400px; }
	.indust-control-02 li:first-child{ margin-top: 0px; }

	/*解决方案 css*/
	.vrv-sol-02 li { height: 260px; }
	.vrv-sol-02 .backs{ padding: 10px; }
	.vrv-sol-03 li{ position:static; text-align:left; margin-top: 20px; }
	.vrv-sol-03 li:nth-child(1) img,.vrv-sol-03 li:nth-child(3) img{ float: left; }
	.vrv-sol-05 li { height: 220px; }
	.vrv-sol-06 li{ height: 100%; }
	.vrv-sol-06 li:nth-child(1) img{ padding-top: 0px; }
	.vrv-sol-boiler .flippers{ width: 96%; margin: 0 2%; }
	.system li:nth-child(2){ margin-top: 30px }
	.data-txt-box{ height: auto !important; margin-top: 10px !important; }
	.p-36{ font-size: 36px; line-height: 60px; }
	.gprs img{ width: 100%; margin: 80px 0; }


	/*联系我们*/
	.contact-info li p{ height: 20px; line-height: 20px; background: transparent; }
	.contact-info li img{ margin-top: 20px; }
	.hr-list li.active .post-txt{ padding: 0 0 40px 0;}
	p.hr-email{ width: 90% !important; }
	p.p-f-18{ font-size: 16px; }
	p.p-fr{ font-size: 14px; }
	p.p-fr i{ margin-left: 3px; width: 14px; height: 14px; }



	/*footer css*/
	footer .foot-box{  padding: 20px 0; }
	footer .copyright{ height: auto;padding:5px 0; font-size: 12px; }
	footer .copyright>div{ line-height: 20px; }

	/*翻页css*/
	.pagination>li>a, .pagination>li>span{ margin: 0 -1px; border: 1px #ddd solid; padding: 8px; }

}



@media (min-width:768px) and (max-width:991px) {
	
	.navbar{ background-color: rgba(30,35,128,1); }
	.navbar:hover,.navbar:focus{ background-color: rgba(30,35,128,1); }
	.navbar .container{ max-width: 750px; }
	.navbar{ height: auto; }
	.navbar-right{ margin:0; float: left !important; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:transparent; }
	.navbar-default .navbar-nav>li>a{ color: #FFF; }
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color: #999; }
	.main{ top: 800px; }
	.layer-box2>div img{ width: 100%; }
	.layer-box{ height: auto; }
	.layer-box2{ height: auto; }
	.layer-box3{ height: auto; }
	.layer-box4{ height: auto; }
	.layer-box5{ height: auto; padding: 0 !important; }
	.case-tab p{ margin: 0 20px; }
	.case-list .case-img img{ width: 50%; }
	.case-list .case-txt{ right: 0; }
	.layer-box4 .col-xs-12{ width: 33%; }
	.solution-list li .solution-cont .solution-img{ margin-top: 80px; }
	.main-news .content_list{ width: 100%; }
	.main-news .item_block:first-child{ width: 100%; left: 0; position: inherit; }

	.page-top-bg{ height: 600px; line-height: 200px; overflow: hidden; }
	.page-top-bg img{ width: 50%; margin: 70px 25% 0; }
	.page-ban-bg img{ width: 100%; margin: 0; }
	.page-top-bg .page-banner-txt{ margin-top: 0px; text-align: center; position: absolute; top: 350px; left: 0; }
	.page-content{ margin: 475px auto 0; }
	.page-menu-top{ height: auto; }
	.page-menu-top .container ul li a{ margin-top: 3px; }
	.page-menu-top .container ul li.active a{ background-color: rgba(31,93,196,1); }	
	.page-list li{ width:100%; }
	.pro-list .pro-txt{ position: relative; float: left; margin: 30px auto 60px auto; }
	.pro-list .pro-img{ line-height: 1; margin-top: 50px; float: left !important; }
	.pro-list{ min-height: 500px; height: auto; }
	/*产品详情 css*/
	.pro-advan li>div{ padding-top: 10%; }
	.pro-advan li>div p{ margin-top: 6px; }
	.pro-a-5 li{ width: 30%;height: 246px;margin: 30px 1.66%; }
	.pro-a-5 li:nth-child(4){ margin: 30px 1.66%; }
	.pro-a-5 li:nth-child(5){ margin: 30px 1.66%; width: 30%; }
	.pro-a-7 li{ width: 23%; height: 252px; margin: 30px 1%;}
	.pro-a-7 li:nth-child(5){ margin: 30px 1%; }
	.pro-a-7 li:nth-child(6){ margin: 30px 1%; }
	.pro-a-7 li:nth-child(7){ margin: 30px 1%;width: 23%; }

	/*关于我们css*/
	.company-bg {padding: 40px 0;}
	.company-bg h2{ margin-bottom: 25px; }
	.company-cont-01{ height: auto; }
	.company-bg .col-md-6{ width: 100%; }
	.company-bg .col-md-5{ width: 100%; margin-left: 0; }
	.company-bg .com-right h3{ margin-top: 20px; }
	.company-bg .com-right span{ left: 0; }
	.company-cont-02{ height: auto; }
	.company-cont-02 li{ width: 48%;  padding: 5px 5px 10px 10px; margin-top: 10px;  }
	.company-cont-02 li:hover{ margin-top: 10px; }
	.company-cont-02 li:nth-child(3){ margin-left: 0; }
	.company-cont-02 li:nth-child(2),.company-cont-02 li:nth-child(4){ margin-left: 4%; }
	.company-cont-02 li span{ height: 30px; line-height: 30px; }
	.company-cont-03{ height:auto; }
	.company-cont-03 .com-right{ padding-top: 10px; }
	.company-cont-03 .com-right p.top { margin-top: 20px; }
	.company-cont-04 .swiper-button-prev{ left: 0px; }
	.company-cont-04 .swiper-button-next{ right: 0px; }
	.swiper-container{ width: 85%; }
	.swiper-slide{ width: 48% !important;}
	.case-tab{ margin: 0 auto 10px auto; }
	.company-cont-05 .row .row{ width: 100%; }
	.case-tab ul li{ margin: 0; width: 30%; }
	.case-tab .nav-tabs>li>a{ padding: 0; line-height: 40px; }

	.vrv-sol-03 li{ position:static; text-align:left; margin-top: 20px; }
	.vrv-sol-03 li:nth-child(1) img,.vrv-sol-03 li:nth-child(3) img{ float: left; }
	.indust-control-02 li:first-child{ margin-top: 70px; }
	.contact-info li p{ height: 20px; line-height: 20px; background: transparent; }
	footer .foot-box{  padding: 20px 0; }

} 
@media (min-width:992px) and (max-width:1199px) {
	.layer-box2>div img{ width: 100%; }
	.layer-box{ height: auto; }
	.layer-box2{ height: auto; }
	.layer-box3{ height: auto; }
	.layer-box4{ height: auto; }
	.layer-box5{ height: auto; padding: 0 !important; }

	.vrv-sol-03 li{ top: -10px; }
	.vrv-sol-03 li:nth-child(3), .vrv-sol-03 li:nth-child(4){ top: 175px; }
	.vrv-sol-03 li:nth-child(1){ left: 20px; }
	.vrv-sol-03 li:nth-child(2){ left: 475px; }
	.vrv-sol-03 li:nth-child(3){ left: -15px; }
	.vrv-sol-03 li:nth-child(4){ left: 515px; }

	/*产品详情 css*/
	.pro-info .txt{ padding:23px; }
	.pro-a-5 li{ width: 25%; height: 300px; margin: 30px 4%; }
	.pro-a-5 li:nth-child(4){ margin: 30px 4% 30px 20%; }
	.pro-a-5 li:nth-child(5){ margin: 30px 20% 30px 4%; }
	.pro-a-7 li{ width: 21%; height: 252px; margin: 30px 2%;}
	.pro-a-7 li:nth-child(5){ margin: 30px 4% 30px 10%; }
	.pro-a-7 li:nth-child(6){ margin: 30px 4%; }
	.pro-a-7 li:nth-child(7){ margin: 30px 10% 30px 4%; }
	
	.indust-control-02 li:first-child{ margin-top: 40px; }
	.contact-info li p{ height: 20px; line-height: 20px; background: transparent; }

}