锘?index_01 {
font-family: "瀹嬩綋";
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: normal;
text-transform: none;
color: #868686;
}
.index_01 a{color: #868686;}
.index_02 {
font-family: "瀹嬩綋";
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: normal;
text-transform: none;
color: #A8A8A8;
}
.index_03 {
font-family: "瀹嬩綋";
font-size: 16px;
font-style: normal;
line-height: 25px;
font-weight: normal;
text-transform: none;
color: #FFFFFF;
}
.index_04 {
font-size: 12px;
font-style: normal;
line-height: 25px;
font-weight: normal;
text-transform: uppercase;
color: #656565;
}
.index_05 {
font-family: "瀹嬩綋";
font-size: 30px;
font-style: normal;
line-height: 25px;
font-weight: bold;
text-transform: none;
color: #03559E;
}
.index_06 {
font-family: "瀹嬩綋";
font-size: 16px;
font-style: normal;
line-height: 25px;
text-transform: none;
color: #03559E;
font-weight: bold;
}
.index_07 {
font-family: "瀹嬩綋";
font-size: 14px;
font-style: normal;
line-height: 28px;
font-weight: normal;
text-transform: uppercase;
color: #4E4E4E;
}
.index_08 {
font-family: "瀹嬩綋";
font-size: 40px;
font-style: normal;
line-height: 28px;
font-weight: bold;
text-transform: uppercase;
color: #AEAEAE;
font-variant: normal;
}
.index_09 {
font-family: "瀹嬩綋";
font-size: 15px;
font-style: normal;
line-height: 28px;
font-weight: normal;
text-transform: uppercase;
color: #444444;
}
.index_10 {
font-family: "瀹嬩綋";
font-size: 12px;
font-style: normal;
line-height: 22px;
font-weight: normal;
text-transform: uppercase;
color: #DCDCDC;
}
.index_10 a{color: #DCDCDC;}
.index_11 {
font-family: "瀹嬩綋";
font-size: 14px;
font-style: normal;
line-height: 22px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}
span.index_11 a{ color: #FFFFFF}
.index_12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-style: normal;
line-height: 28px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
font-variant: normal;
}
.index_13 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 22px;
text-transform: none;
color: #FFFFFF;
font-variant: normal;
}
.index_14 {
font-family: "瀹嬩綋";
font-size: 12px;
font-style: normal;
line-height: 28px;
font-weight: normal;
text-transform: uppercase;
color: #4E4E4E;
}
.index_15 {
font-family: "瀹嬩綋";
font-size: 16px;
font-style: normal;
line-height: 28px;
font-weight: normal;
text-transform: uppercase;
color: #4E4E4E;
}
.aboutMenu ul li{ margin-right: 10px;line-height: 43px;padding: 0 20px;background: #026dcc;height: 43px;border-radius: 8px 8px 0px 0px;font-size: 16px;color: #fff;}
.aboutMenu ul li a{ font-family: "瀹嬩綋";color: #fff;font-weight: bold;}
.aboutMenu ul li.current{ background: none;}
.aboutMenu ul li.current a{color: #08c}
.index_16 {
font-family: "瀹嬩綋";
font-size: 16px;
font-style: normal;
line-height: 28px;
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
}
.index_17 {
font-family: "瀹嬩綋";
font-size: 36px;
font-style: normal;
line-height: 35px;
text-transform: none;
color: #03559E;
}
.index_18 {
font-family: "瀹嬩綋";
font-size: 35px;
font-style: normal;
line-height: 35px;
text-transform: uppercase;
color: #E5E5E5;
font-weight: bold;
}
.index_19 {
font-family: "瀹嬩綋";
font-size: 14px;
font-style: normal;
line-height: 30px;
font-weight: normal;
color: #4E4E4E;
}
.index_19_1 {
font-family: "瀹嬩綋";
font-size: 14px;
font-style: normal;
line-height: 30px;
font-weight: normal;
text-transform: uppercase;
color: #4E4E4E;
}
.index_20 {
font-family: "瀹嬩綋";
font-size: 16px;
font-style: normal;
line-height: 28px;
font-weight: bold;
text-transform: uppercase;
color: #333333;
}
.index_21 {
font-family: "瀹嬩綋";
font-size: 13px;
font-style: normal;
line-height: 23px;
font-weight: normal;
text-transform: uppercase;
color: #9E9E9E;
}
.index_22 {
font-family: "瀹嬩綋";
font-size: 16px;
font-style: normal;
line-height: 25px;
text-transform: none;
color: #03559E;
}
.index_23 {
font-family: "瀹嬩綋";
font-size: 16px;
font-style: normal;
line-height: 25px;
text-transform: uppercase;
color: #FFFFFF;
}
.index_24 {
font-family: "瀹嬩綋";
font-size: 14px;
font-style: normal;
line-height: 25px;
text-transform: none;
color: #03559E;
}
.index_25 {
font-family: "瀹嬩綋";
font-size: 25px;
font-style: normal;
line-height: 28px;
font-weight: normal;
text-transform: uppercase;
color: #333333;
}
.index_25_1 {
font-family: "瀹嬩綋";
font-size: 14px;
font-style: normal;
line-height: 23px;
font-weight: normal;
text-transform: uppercase;
color: #898989;
}
.index_26 {
font-family: "瀹嬩綋";
font-size: 14px;
font-style: normal;
line-height: 26px;
font-weight: normal;
text-transform: none;
color: #4E4E4E;
}
.index_27 {
font-family: "瀹嬩綋";
font-size: 14px;
font-style: normal;
line-height: 28px;
font-weight: normal;
text-transform: uppercase;
color: #4E4E4E;
}
.i_service_main{}
.i_service_main a{display:block;float:left;position:relative;color:#fff;width:374px;height:268px;overflow:hidden;margin-right: 20px;}
.i_service_main a:last-child{ margin-right: 0px;}
.i_service_main img,.i_case_main img{display:block;position:relative;top:0;left:0;}
.i_service_title{display:inline-block;*display:inline;*zoom:1;border-bottom:0px solid #fff;border-left:none;
border-right:none;text-align:center;position:absolute;top:89px;left:0;z-index:30;width: 100%;}
.i_service_title h1{font-family:"瀹嬩綋";font-size:28px;line-height:30px;text-align: center;}
.i_service_title h2{font-size:10px;line-height:20px;font-weight:normal;text-align: center;text-transform: uppercase;}
.i_service_more{width:49px;height:50px;background:url(../images/more.png) no-repeat;position:absolute;left:50%;margin-left:-24px;top:155px;display:none;z-index:30;}
.i_layer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;background:#03559e;opacity:0;filter:alpha(opacity=0);}
.news-list{padding-bottom: 10px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.news-list .date-l {margin-top: 6px;margin-right: 24px;}
.news-list .date-l p {font-size: 14px;color: #777;line-height: 26px;text-align: center;}
.news-list .date-l p span {font-size: 36px;}
.news-list .date-l .daily {line-height: 30px;border-top: 1px solid #d2d2d2;}
.news-list .date-r .list-t {display: block;width: 328px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list .date-r {width: 470px;}
.news-list .date-r a {font-family:"瀹嬩綋";font-size: 14px;line-height: 28px;color: #333;}
.news-list .date-r p {font-size: 12px;color: #777;line-height: 22px;margin-top: 0px;}
.homecompany img{ margin-right: 20px;margin-top: 8px;}
.homecompany{ text-indent: 28px;}
.homecompany a{ color: #4E4E4E;}
/*------------------menu--------------*/
.header-nav{;width: 1170px;margin: 0 auto;}
nav li {
text-align: center;
line-height: 44px;
margin-top: 1px;
position: relative;
font-family: "瀹嬩綋";
font-size: 16px;
min-width: 100px;
margin-right: 33px;
font-weight: 600px;
}
nav li:last-child{ margin-right: 0px;}
nav li a{color:#fff;display: block;font-weight: bold;}
nav li i{display: none;position: absolute;width: 64px;left: 18px;bottom: 0;height: 2px;background: #1c69bd;}
nav li:hover i{ display: block;}
nav li .lt-box{opacity: 0.95;background: #fff;padding-top: 28px;width:504px;overflow: hidden;position: absolute;z-index:999999;display: none;padding-bottom:10px;}
nav li .lt-box dl{float:left;overflow: hidden;padding-left: 18px;}
nav li .lt-box dd{line-height:36px;min-width: 115px;}
nav li .lt-box dd a{color:#333;font-size: 14px;text-align: left;display: block;padding-left: 20px;background: url("../images/jt_33.jpg") no-repeat left -24px;
border-bottom: 1px solid #eaeaea;transition:color 0.3s,border-color 0.3s,font-size 0.3s;}
nav li .lt-box .pic-a{float:left;margin: 12px 0 0 50px;}
nav li .lt-box dd a:hover{font-size: 14px;color: #055ead;border-color:#afcbe5;background-position: 0 13px;}
nav .c-had .in-a{background: #fff;color:#005580;}
/*------------------menu--------------*/
/*------------------footer-----------*/
.x-select em,.x-select i{ font-style: normal;}
.x-select{width: 192px;position: relative;height: 45px;line-height: 45px;background: #fff;z-index: 4;}
.x-select span.line{position: absolute;width: 1px;height: 32px;background: #ececec;right: 0;top: 7px;}
.x-select .now{display: block;text-align: center;font-size: 14px;color: #424242;height: 45px;}
.x-select a:hover{color: #055ead;}
.x-select .now i{display: inline-block;*zoom:1;*display: inline;width: 0;height: 0;border-width: 4px;border-style: solid;border-color: #a0a0a0 transparent transparent;
margin-left: 11px;vertical-align: 0px;*vertical-align: 8px;}
.x-select .now:hover i{border-top-color: #055ead;}
.x-select .slide{position: absolute;bottom: 45px;left: 0;width: 190px;border: 1px solid #ececec;background: #fff;display: none;z-index: 40;}
.x-select .slide dl{max-height: 540px;overflow-y: scroll;}
.x-select .slide dd{border-bottom: 1px solid #ececec;text-align: center;}
.x-select .slide dd a{font-size: 14px;color: #424242;display: block;}
.x-select .slide dd a:hover{color: #055ead;}
/*------------------footer-----------*/
.i-ban{height: 500px;background: url(../images/loading.gif) no-repeat center; margin: 0 auto;}
.aboutClass h1{font-family: "瀹嬩綋";font-size: 36px;font-style: normal;line-height: 45px;text-transform: none;color: #03559E;}
.aboutClass span{font-size: 35px;font-style: normal;line-height: 40px;text-transform: uppercase;color: #E5E5E5;font-weight: bold;}
.wrap{ width: 1140px;margin: 0 auto;}
.wrap .left-scroll{width: 500px;background: url(../images/loading.gif) no-repeat center;min-height: 40px;}
.wrap .left-scroll .left{width: 100%;position: relative;overflow: hidden;display: none;}
.wrap .left-scroll .btnbox{position: absolute;bottom: 16%;left: 50%;overflow: hidden;}
.wrap .left-scroll .btnbox span{width: 15px;height: 7px;margin-left: 8px;cursor: pointer;background: url(../images/ico_47.png) no-repeat right center;text-indent: 9999;display: block;float: left;transition: normal;}
.wrap .left-scroll .btnbox span.on{background: url(../images/ico_47.png) no-repeat left center;width: 25px;}
.wrap .left-scroll .prev{background: url(../images/ico_45.png) no-repeat center top;left: 0;}
.wrap .left-scroll .next{background: url(../images/ico_46.png) no-repeat center top;right: 0;}
.wrap .left .butn{display: block;width: 49px;height: 81px;position: absolute;top: 50%;margin-top: -30px;cursor: pointer;}
.wrap .left-scroll .butn:hover{background-position: center bottom;}
.wrap .left li a{display: block;position: relative;cursor: pointer;width: 100%;}
.wrap .left li img{width: 100%;display: block;}
.wrap .left li p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;line-height: 70px;font-size: 24px;color: #fff;background: url(../images/bg_09.png) repeat center;}
.wrap .left li p{font-family: "瀹嬩綋";line-height: 44px;font-size: 20px;}
.wrap .left li p{line-height: 50px;font-size: 17px;}
.m-wrap .botlist{display: none;}
.botlist{position: relative;width: 100%;overflow: hidden;margin: 0 auto;z-index: 1;}
.botlist ul{width: 100%;}
.botlist li{width: 25%;position: relative;}
.botlist li a{display: block;width: 100%;cursor: pointer;}
.botlist li img{width: 96%;height: 100%;display: block;}
.productMain{ width: 1170px;margin: 50px auto;}
.productMain .imgbox{display: block;width: 50%;position: relative;}
.productMain li .f48{font-family: "瀹嬩綋";font-size: 34px;line-height: 40px;font-weight: bold;}
.productMain li .f48 a,.productMain .word a:hover {color: #035cac;}
.productMain li .contbox{padding: 62px 0% 0 5%;width: 45%;}
.productMain li .contbox.fl{padding: 62px 5% 0 0%;width: 45%;}
.productMain li .word{margin-top: 5px;line-height: 22px;display: block;}
.productMain li .more{display: inline-block;padding-right: 79px;line-height: 38px;font-size: 20px;color: #000;no-repeat right center;margin-top: 38px;}
.productMain li .more{margin-top: 10px;}
.productMain li .more:hover{color: #035cac; no-repeat right center;/*background-size: auto 80%;*/}
.productMain a{color: #666;transition: all 0.3s ease 0s;}
.productwrap { width: 100%;background: #fff;margin: 10px auto;}
.productwrap ul{ width: 90%;margin: 0 auto;margin-left: 5%;padding-top: 40px;}
.productwrap ul li{ padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #e7e7e7;}
.productwrap ul li .imgboxs{width: 275px; margin-right: 55px;overflow: hidden;}
.productwrap ul li .imgboxs img{transition: all 1s;width: 275px;height: 192px;}
.productwrap ul li .imgboxs img:hover{transform: scale(1.1);transition: all 1s;}
.productwrap li .contbox{width: 684px;}
.productwrap li .contbox .f28 a{font-family: "瀹嬩綋";font-size: 20px;font-style: normal;line-height: 40px;font-weight: normal;text-transform: uppercase;color: #333333;display: block;font-weight: bold;}
.productwrap li .contbox .word{font-family: "瀹嬩綋";font-size: 14px;font-style: normal;line-height: 30px;font-weight: normal;text-transform: uppercase;color: #4E4E4E;}
.productwrap li .contbox .f28 a:hover,.productwrap li .contbox .word a:hover{color: #035cac;}
.productwrap li .more{font-family: "瀹嬩綋";display: block;margin-top: 10px}
.productwrap a{color: #4E4E4E;transition: all 0.3s ease 0s;}
.productwrap .pagination{ width: 90%;margin: 0 auto;padding-bottom: 20px;}
.productshow{ margin: 20px auto;}
.botlist .butn{display: block;width: 45px;height: 80px;position: absolute;top: 50%;margin-top: -40px;z-index: 10;cursor: pointer;}
.botlist .prev{left: 0;background: url(../images/ico_34.png) no-repeat left top;
}
.botlist .prev:hover{
background: url(../images/ico_34.png) no-repeat left bottom;
}
.botlist .next{
right: 11px;
background: url(../images/ico_34.png) no-repeat right top;
}
.botlist .next:hover{
background: url(../images/ico_34.png) no-repeat right bottom;
}
.Cret{ width: 1140px;margin: 0px;padding: 0px;overflow: hidden;}
.Cret ul{ width: 1160px;overflow: hidden;}
.Cret ul li{ width: 265px;margin-right: 25px;margin-bottom: 15px;}
.Cret ul li img{display: block; width: 100%;transition: 600ms;}
.Cret ul li img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.Cret ul li span{ border-bottom:1px solid #e5e5e5;display: block;line-height: 38px;}
.Cret ul li span a{font-family: "瀹嬩綋";font-size: 14px;color: #666;}
.wrap .newtable{ margin-top: 40px;}
.news{ width: 100%;overflow: hidden;}
.news ul{}
.news ul li{ width: 50%;}
.news ul li{margin-bottom: 10px;}
.news ul li h1{ width: 97%;display: block;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.news ul li .f24{font-family: "瀹嬩綋";font-size: 20px;line-height: 24px;height: 24px;overflow: hidden;color: #333333;font-weight: bold;}
.news ul li .date{display: block;font-size: 12px;
font-style: normal;
line-height: 15px;
font-weight: normal;
text-transform: uppercase;
color: #4E4E4E;}
.news ul li .word{display: block;line-height: 23px;color: #9E9E9E;margin-top: 7px;height: 48px;overflow: hidden;font-size: 13px;}
.news ul li a:hover .f24{color: #035cac;}
.news ul li a:hover .date{color: #a3b9d8;}
.news ul li a:hover .word{color: #5986be;}
.news-info{padding-top: 40px;padding-bottom: 50px;transition: normal;position: relative;}
.news-info h1{font-family:"瀹嬩綋";font-weight:bold;margin-bottom: 27px;color: #505050;font-size: 24px;line-height: 38px;}
.news-info .entry-meta{padding: 8px 20px;background: #edf1f7;overflow: hidden;color: #505050;line-height: 36px;font-size: 14px;}
.news-info .contwrap{font-family:"瀹嬩綋";font-size: 14px;padding-top: 20px;padding-bottom: 40px;color: #555;}
.news-info .contwrap img{display: block;margin: 0 auto;max-width: 100%;}
.news-info .paging{width: 100%;}
.news-info .paging{height: 48px;padding: 20px 0;width: 100%;}
.news-info .paging .fl{font-family:"瀹嬩綋";font-size: 14px;line-height: 28px;}
.news-info .paging a{color: #666;font-family:"瀹嬩綋"}
.news-info .paging a:hover{color: #035cac;}
.news-info .paging .return{border: 1px solid #ddd;display: block;height: 34px;line-height: 34px;margin-top: 10px;text-align: center;width: 100px;font-size: 16px;}
.news-info .paging .return:hover{border: 1px solid #035cac;background-color: #035cac;color: #fff;}
.map{width: 100%;height: 370px;border: 1px solid #ccc;margin: 40px auto;}
.tab-wrap .tt{padding-right: 1%;text-align: right;}
.tab-wrap .tex{font-size: 14px;height: 15px;line-height: 14px;padding: 14px 10px 13px 10px;background-color: #fff;border: 1px solid #dbdbdb;width: 95%;}
.tab-wrap .area{border: 1px solid #dbdbdb;width: 98%;padding: 10px;resize: none;}
.tab-wrap .code{width: 100px;font-size: 14px;height: 15px;line-height: 14px;padding: 14px 10px 13px 10px;background-color: #fff;border: 1px solid #dbdbdb;margin-right: 10px;}
.tab-wrap .code-img{border: 1px solid #dbdbdb;margin-right: 20px;}
.tab-wrap .sub-btn{border: none;width: 230px;height: 45px;background-color: #035cac;line-height: 45px;text-align: center;color: #fff;font-size: 18px;}
.Investor{}
.Investor ul{ width: 100%;}
.Investor ul li{ border-bottom: 1px dashed #e7e7e7;width: 100%;line-height: 34px;}
.Investor ul li a{ margin-left: 10px;line-height: 28px;font-size: 15px;color: #444444;}
.Investor ul li span{ float: right;color: #4E4E4E;font-size: 14px;}
.pro_f{ width: 100%;}
.pro_f ul {
margin-left: -25px;
width: 100%;
}
.pro_f ul li {
margin-bottom: 25px;
margin-left: 25px;
width: calc(25% - 25px);
overflow: hidden;
}
.ser ul li {
margin-bottom: 25px;
margin-left: 25px;
width: calc(33% - 25px);
overflow: hidden;
}
.pro_f ul li .simg { background: #fff;
background: #fff;
padding: 20px 0;
border-radius: 5px;
}
.pro_f ul li .simg img{width: 100%;}
.pro_f ul li em{ font-style: normal;font-size: 14px;text-align: center;display: block;line-height: 30px;}
/*-----------閫氱煡鍏憡---------------*/
.talent-wrap {
}
.talent-wrap .list {}
.talent-wrap .list ul, .talent-wrap .list li {width: 100%;}
.talent-wrap .list li {margin-bottom: 2px;}
.talent-wrap .list .titbox {width: 91%;padding: 20px 4.5%;height: 30px;line-height: 30px;background-color: #fff;position: relative;}
.talent-wrap .list .tit {font-size: 16px;font-family:"瀹嬩綋"}
.talent-wrap .list .butn {display: inline-block;padding-right: 50px;background: url(../images/ico_03.png) no-repeat right center;cursor: pointer;font-size: 14px;}
.talent-wrap .list .showbtn{ cursor: pointer;}
.talent-wrap .list .butn:hover {color: #026dcc;}
.talent-wrap .list .sub-cont {width: 100%;margin-bottom: 15px;background-color: #fff;display: none;}
.talent-wrap .list .top-tit {width: 91%;background-color: #696969;height: 70px;line-height: 70px;cursor: pointer;padding-left: 4.5%;padding-right: 4.5%;position: absolute;
left: 0;top: 0;display: none;}
.talent-wrap .list .top-tit .ico{display: inline-block; width: 25px; height: 13px; background: url(../images/ico_04.png) no-repeat center; margin-top: 28px;}
.talent-wrap .list .top-tit .name{color: #fff; font-size: 16px;}
.talent-wrap .list .top-tit .f20{font-size: 20px;font-family:"瀹嬩綋"font-weight: bold;}
.talent-wrap .list .cont-wrap{width: 91%; padding: 0 4.5%; padding-bottom: 50px;}
.talent-wrap .list .tabbox{padding-top: 42px; padding-bottom: 37px; border-bottom: 1px solid #dfdfdf;}
.talent-wrap .list .tabbox td{color: #333;}
.talent-wrap .list .tabbox .tt{font-size: 14px; color: #666;}
.talent-wrap .list .info{border-bottom: 1px solid #dfdfdf; padding-top: 40px; padding-bottom: 36px;}
.talent-wrap .list .info .word{display: block; line-height: 26px; font-size: 14px;}
.talent-wrap .list h4{font-size: 14px; font-weight: normal; line-height: 30px; color: #999;}
.talent-wrap .list .apply{width: 151px;height: 39px;text-align: center;line-height: 39px;background: #1d6bc3;font-size: 16px;
color: #d6e0f1;display: block;}
.pages{
font-size: 0px;
margin-right: -5px;
padding-top: 15px;
text-align: center;
}
.pages ul li {
float: left;
}
.pages a{
font-size: 12px;
color: #ccc;
display: inline-block;
_display:inline;
padding: 0 7px;
border: 1px solid #ddd;
margin-right: 5px;
line-height: 26px;
}
.pages a.prev,.pages a.next{
padding: 0 15px;
}
.pages a:hover,
.pages a.cur,
.pages a.active,
.pages li.active a,
.pages li.active a:hover {
background: #0066a5;
font-weight: bold;
color: #fff;
border: 1px solid #0066a5;
}
.pagination, .page{
width: 100%;
height: 55px;
background: #f5f5f5;
line-height: 55px;
overflow: hidden;
text-align: center;
}
.page.search-page{
padding-bottom: 0;
}
.pagination a, .page a{
font-size: 14px;
color: #888;
padding: 5px 10px;
border-radius: 3px;
transition: all 0.5s;
margin-right: 5px;
}
ul.pagination{ margin: 0px;padding: 0px;}
ul.pagination>li{ display: inline;float: none;border: 0px;}
.pagination a:hover,.pagination a.active,.page a:hover, .pagination li.active a{
background: #1d6bc3;
color: #fff;
transition: all 0.5s;
}
/*浜у搧涓績*/
.hoverImg{
overflow: hidden;
}
.hoverImg .hover-img{
transition: all .3s;
-webkit-transition:all .3s;
}
.hoverImg:hover .hover-img{
transform: scale(1.05);
-ms-transform: scale(1.08);
-webkit-transform: scale(1.08);
transition: all .3s;
-webkit-transition:all .3s;
}
.product-bj {
background: #f9f9f9;
padding-top: 50px;
}
.produc-ul div{
box-sizing: border-box;
-moz-box-sizing: border-box;
/* -webkit-box-sizing:border-box; */
/* white-space:normal !important; */
}
.product {
padding-top: 80px;
padding-bottom: 130px;
}
.product .title-style {
text-align: center;
}
.product .title-style .line {
margin: 10px auto;
}
.product-rm {
width: 475px;
margin: 0 auto;
position: relative;
}
.product-rm .int1 {
width: 100%;
height: 65px;
font-size: 16px;
border-radius: 35px;
border: 1px solid #e5e5e5;
background: #fff;
padding-left: 25px;
padding-right: 60px;
}
.product-rm .sub1 {
width: 50px;
height: 65px;
background: initial;
border: 0;
background: url(../img/ico03.png) no-repeat center;
position: absolute;
top: 0;
right: 5px;
}
.produc-ul {
margin-top: 80px;
}
.produc-ul a {
display: block;
width: 100%;
height: 410px;
background: #fff;
overflow: hidden;
margin-bottom: 35px;
}
.produc-lt {
width: 50%;
height: 100%;
float: left;
position: relative;
overflow: hidden;
}
.produc-lt > div {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.produc-rt {
width: 50%;
height: 100%;
float: right;
padding: 65px;
padding-right: 115px;
transition: all .3s;
-webkit-transition: all .3s;
}
.produc-a {
font-size: 30px;
line-height: 40px;
font-weight: bold;
color: #ef7f1a;
transition: all .3s;
;
-webkit-transition: all .3s;
}
.produc-b {
width: 65px;
height: 1px;
margin-top: 25px;
margin-bottom: 11px;
transition: all .3s;
;
-webkit-transition: all .3s;
}
.produc-c {
font-size: 15px;
color: #333;
line-height: 30px;
margin-bottom: 5px;
transition: all .3s;
;
-webkit-transition: all .3s;
}
.produc-d {
font-size: 14px;
color: #909090;
line-height: 25px;
min-height: 90px;
transition: all .3s;
-webkit-transition: all .3s;
}
.produc-e {
margin-top: 50px;
height: 15px;
background: url(/v1/images/ico04.png) no-repeat left center;
transition: all .3s;
;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-rt {
/*background: url(../img/img02.jpg)no-repeat center;*/
background: #ef7f1a;
background-size: cover;
transition: all .3s;
;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-a, .produc-ul a:hover .produc-c, .produc-ul a:hover .produc-d {
color: #fff;
transition: all .3s;
;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-b {
/*background: #fff;*/
transition: all .3s;
;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-e {
background-image: url(/v1/images/ico04_1.png);
transition: all .3s;
;
-webkit-transition: all .3s;
}
.produc-ul a:nth-child(2n + 0) .produc-lt {
float: right;
}
a:nth-child(2n + 0) .produc-rt {
float: left;
}
@media(max-width:1600px) {
.produc-rt {
padding: 93px 40px 40px;
}
.produc-ul a {
height: 370px;
}
.produc-a {
font-size: 26px;
line-height: 35px;
}
.produc-c, .produc-d {
font-size: 16px;
}
}
@media(max-width:1000px) {
.produc-ul a {
height: auto;
}
.produc-lt {
width: 100%;
height: 380px;
}
.produc-rt {
width: 100%;
height: auto;
}
.produc-d {
min-height: auto;
}
.produc-e {
margin-top: 30px;
}
}
@media(max-width:750px) {
.product {
padding-top: .8rem;
padding-bottom: .8rem;
}
.product-rm {
width: 100%;
max-width: 6rem;
}
.product-rm .int1 {
height: 1rem;
line-height: 1rem;
font-size: .3rem;
padding-left: .3rem;
padding-right: 1rem;
}
.product-rm .sub1 {
width: .8rem;
height: .8rem;
top: .1rem;
right: .1rem;
}
.produc-ul {
margin-top: .8rem;
}
.produc-lt {
height: 3.5rem;
}
.produc-rt {
padding: .35rem;
}
.produc-a {
font-size: .32rem;
font-weight: bold;
line-height: .45rem;
}
.produc-b {
width: .6rem;
margin-top: .25rem;
margin-bottom: .3rem;
}
.produc-c, .produc-d {
font-size: .28rem;
line-height: .45rem;
}
.produc-e {
margin-top: .3rem;
}
.produc-ul a {
margin-bottom: .3rem;
}
}
.case {
background: #f5f5f5;
padding-top: 50px;
}
.box {
max-width: 1170px;
width: 90%;
margin: 0 auto;
position: relative;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
box-sizing: border-box;
}
.case {
background: #f5f5f5;
padding-top: 50px;
}
.case .nav {
line-height: 76px;
}
.case .prtp {
padding-bottom: 30px;
}
.case .prtp .img {
width: 49.5%;
float: left;
background: #fff;
}
.case .prtp .img img {
display: block;
margin: 0 auto; border: none;
max-width: 100%;
}
.case .prtp .prt {
width: 46%;
float: right;
text-align: justify;
}
.case .prtp .prt .ptt {
margin: 20px 0;
line-height: 1.5;
}
.case .prtp .prt .xian {
display: block;
width: 20px;
height: 2px;
background: #d9251c;
margin: 20px 0;
}
.case .prtp .prt .ptc {
color: #999;
line-height: 2;
padding: 20px 0;
margin-bottom: 50px;
border-bottom: 1px solid #ddd;
}
.case .prtp .prt .more {
display: block;
width: 140px;
line-height: 42px;
text-align: center;
background: #da251d;
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
border-radius: 3px;
}
.case .prtp .prt .more s {
display: none;
width: calc(100% - 10px);
height: calc(100% - 10px );
border: 1px solid #fff;
position: absolute;
left: 5px;
top: 5px;
transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0;
}
.case .prtp .prt .more:hover s {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
.case .prbt {
text-align: center;
line-height: 60px;
}
.case .prbt .ptt {
background: #ddd;
font-weight: bold;
display: none;
}
.case .prbt .abtn {
padding-bottom: 50px;
}
.case .prbt .abtn a {
display: block;
width: 33%;
float: left;
background: #fff;
margin-top: 0.5%;
margin-right: 0.5%;
position: relative;
overflow: hidden;
}
.case .prbt .abtn a::after {
display: block;
content: '';
position: absolute;
width: 0%;
left: 0;
bottom: 0;
z-index: 2;
background: #d9251c;
height: 2px;
-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
-moz-transition: all .4s cubic-bezier(.4,0,.2,1);
transition: all .4s cubic-bezier(.4,0,.2,1);
}
.case .prbt .abtn a:nth-child(1) {
width: 100%;
margin-right: 0;
}
.case .prbt .abtn a span {
margin: 0 10px;
color: #fff;
display: none;
}
.case .prbt .abtn a:nth-child(3n + 1) {
margin-right: 0;
}
.case .prbt .abtn.sanji a:nth-child(1) {
width: 33%;
margin-right: 0.5%;
}
.case .prbt .abtn.sanji a:nth-child(3n) {
margin-right: 0;
}
.case .prbt .abtn.sanji a:nth-child(3n + 1) {
margin-right: 0.5%;
}
.case .prbt .abtn a:hover::after, .case .prbt .abtn a.act::after {
width: 100%;
}
.case .prbt .abtn a:hover, .case .prbt .abtn a.act {
color: #d9251c;
}
.casemenu {
line-height: 60px;
text-align: center;
}
.casemenu a {
display: block;
width: 25%;
float: left;
position: relative;
background: #f5f5f5;
}
.casemenu a:after {
content: "";
display: block;
width: 0%;
height: 2px;
background: #146cab;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
-moz-transition: all .4s cubic-bezier(.4,0,.2,1);
transition: all .4s cubic-bezier(.4,0,.2,1);
}
.casemenu a.act:after {
width: 100%;
}
.casemenu a.act, .casemenu a:hover {
color: #146cab;
font-weight: bold;
}