|
|
@@ -26,7 +26,7 @@ a img,img{-ms-interpolation-mode:bicubic}
|
|
|
.img-responsive{max-width: 100%;height: auto}
|
|
|
|
|
|
/*IE下a:hover 背景闪烁*/
|
|
|
-*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
|
|
|
+*html{font-family: Microsoft YaHei, Microsoft YaHei;overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
|
|
|
body[aos-delay='5000'] [aos], [aos][aos][aos-delay='5000']{
|
|
|
transition-delay: 5000ms;
|
|
|
}
|
|
|
@@ -57,6 +57,50 @@ input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit
|
|
|
max-width:1200px;
|
|
|
max-width:1170px\9;
|
|
|
}
|
|
|
+.lcontiner{
|
|
|
+ padding-top:120px;
|
|
|
+}
|
|
|
+.er-content{
|
|
|
+ width: 1200px;
|
|
|
+ margin: 0 auto;
|
|
|
+
|
|
|
+}
|
|
|
+.er-content ul{
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.er-content li{
|
|
|
+ flex: 1;
|
|
|
+ width: 150px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.er-content ul li img{
|
|
|
+ border: 1px dashed #999;
|
|
|
+}
|
|
|
+.l_title{
|
|
|
+width: 100%;
|
|
|
+margin-top: 100px;
|
|
|
+height: 48px;
|
|
|
+text-align: center;
|
|
|
+font-size: 36px;
|
|
|
+font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
+font-weight: bold;
|
|
|
+color: #000000;
|
|
|
+line-height: 42px;
|
|
|
+-webkit-background-clip: text;
|
|
|
+position: relative;
|
|
|
+}
|
|
|
+.l_title2{
|
|
|
+padding: 17px 0;
|
|
|
+height: 55px;
|
|
|
+line-height: 55px;
|
|
|
+font-size: 20px;
|
|
|
+font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
+font-weight: 400;
|
|
|
+color: #000000;
|
|
|
+text-align: center;
|
|
|
+-webkit-background-clip: text;
|
|
|
+}
|
|
|
+.l_title:after{width:65px; height:4px; background-color:#0E50C8;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; content:""; position:absolute; left:50%; bottom:-17px;webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%,0%);transform: translate(-50%, 0%);}
|
|
|
/*头部*/
|
|
|
|
|
|
.clearpadding{ padding:0px; margin:0px;}
|
|
|
@@ -155,20 +199,20 @@ textarea::-webkit-input-placeholder {
|
|
|
|
|
|
|
|
|
|
|
|
-.header_div{width:100%; padding-left:6%; height:80px; /*background-color:#fff;*/ background-color:#b4e5fc; left:0px; top:0px; position:fixed; z-index:10000;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
|
|
|
-.header_div .i_logo{width:8%; padding-top:15px;}
|
|
|
+.header_div{width:100%;padding-left: 18.7%; height:100px; background-color:#fff; left:0px; top:0px; position:fixed; z-index:10000;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
|
|
|
+.header_div .i_logo{width:10%; padding-top:25px;}
|
|
|
.header_div .i_logo img{ width:auto;}
|
|
|
.header_div.fixedmenu,.header_div.fixedmenu1.fixedmenu{ position:fixed;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/
|
|
|
-webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/
|
|
|
box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}
|
|
|
.header_div.fixedmenu1{ position:relative;}
|
|
|
|
|
|
-.nav_menu{width:52%; height:80px; margin-left:0%;}
|
|
|
-.nav_menu li{width:12.5%; height:80px; float:left; position:relative; text-align:center;}
|
|
|
-.nav_menu li .a_nav{ height:80px;/* padding:0px 15%;*/width:100%; line-height:80px; display:inline-block; overflow:hidden; color:#333333; font-size:16px; text-align:center;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; position:relative;}
|
|
|
-.nav_menu li .a_nav:hover,.nav_menu li .a_nav.active,.nav_menu li .a_nav.active1{/* background-color:#d9261f;*/color:#009de7; text-decoration:none;}
|
|
|
-.nav_menu li .a_nav:after{width:0px; height:2px; background-color:#009de7;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; content:""; position:absolute; left:50%; bottom:20px;webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%,0%);transform: translate(-50%, 0%);}
|
|
|
-.nav_menu li .a_nav:hover:after,.nav_menu li .a_nav.active:after,.nav_menu li .a_nav.active1:after{width:40px;}
|
|
|
+.nav_menu{width:52%; height:100px;float: left; margin-left: 7.9%; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400;font-weight: 600;}
|
|
|
+.nav_menu li{width:10.9%; height:100px; float:left; position:relative; text-align:center;}
|
|
|
+.nav_menu li .a_nav{ height:100px;/* padding:0px 15%;*/width:100%; line-height:100px; display:inline-block; overflow:hidden; color: #000; font-size:16px; text-align:center;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; position:relative;}
|
|
|
+.nav_menu li .a_nav:hover,.nav_menu li .a_nav.active,.nav_menu li .a_nav.active1{/* background-color:#d9261f;*/color:#0E50C8; text-decoration:none;}
|
|
|
+.nav_menu li .a_nav:after{width:0px; height:2px; background-color:#0E50C8;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; content:""; position:absolute; left:50%; bottom:35px;webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%,0%);transform: translate(-50%, 0%);}
|
|
|
+.nav_menu li .a_nav:hover:after,.nav_menu li .a_nav.active:after,.nav_menu li .a_nav.active1:after{width:25px;}
|
|
|
/*.header_div.fixedmenu1 .nav_menu li .a_nav{ color:#333;}
|
|
|
.header_div.fixedmenu1 .nav_menu li .a_nav:hover, .header_div.fixedmenu1 .nav_menu li .a_nav.active,.header_div.fixedmenu1 .nav_menu li .a_nav.active1{ color:#333;}
|
|
|
|
|
|
@@ -177,18 +221,18 @@ box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}
|
|
|
.nav_menu li .dl dd a{width:100%; height:38px; text-align:left; line-height:38px; display:inline-block; overflow:hidden; text-align:center; color:#333; font-size:14px;}
|
|
|
.nav_menu li .dl dd a:hover{ color:#0871b8; text-decoration:none; }
|
|
|
|
|
|
-.i_phone{ padding-left:40px; height:80px; line-height:1.5; padding-right:1%; padding-top:20px; background:url(../images/tb_1.png) left center no-repeat; color:#000;}
|
|
|
+.i_phone{ padding-left:40px; height:100px; line-height:1.5; padding-right:1%; padding-top:30px; background:url(../images/tb_1.png) left center no-repeat; color:#000;}
|
|
|
.i_phone .s1{ font-size:22px; /*color:#dddddd;*/font-size:14px;}
|
|
|
|
|
|
-.i_ss{width:5%; margin-left:3%; position:relative;}
|
|
|
-.i_ss_t{width:100%; height:80px; cursor:pointer; background:url(../images/tb_2.png) center no-repeat; position:relative;}
|
|
|
-.i_ss_t:after{ width:1px; height:80px; background:url(../images/tb_18.png) left center no-repeat; position:absolute; left:0px; top:0px; content:"";}
|
|
|
+.i_ss{width:5%; margin-left:0; position:relative;}
|
|
|
+.i_ss_t{width:100%; height:100px; cursor:pointer; background:url(../images/tb_2.png) center no-repeat; position:relative;}
|
|
|
+.i_ss_t:after{ width:1px; height:100px; background:url(../images/tb_18.png) left center no-repeat; position:absolute; left:0px; top:0px; content:"";}
|
|
|
.i_ss_c{width:200px; height:40px; background-color:#fff;position:absolute; right:0px; top:77px; display:none;}
|
|
|
.i_ss_c .ipt1{width:170px; height:40px; line-height:40px; border:0px; background-color:transparent; color:#333; font-size:14px; text-indent:10px; font-family:"微软雅黑";}
|
|
|
.i_ss_c .ipt2{width:30px; height:40px; background:url(../images/tb_2.png) left center no-repeat; border:0px;}
|
|
|
|
|
|
|
|
|
-.i_morebtn{width:5%; height:80px; background-color:#05468d; position:relative;}
|
|
|
+.i_morebtn{width:5%; height:100px; background-color:#05468d; position:relative;}
|
|
|
.left_but{width:40px; height:30px; cursor:pointer; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-15px; z-index:100;}
|
|
|
.left_but_btn{display:inline-block; position:relative;width:32px; height:3px; z-index:2; margin:14px 0 0 0px; background:#fff;
|
|
|
-webkit-transition-property: background-color, -webkit-transform;
|
