.leftcontact{ height:400px; border:4px solid #1F76E5; background:#fff; border-bottom:5px solid #1F76E5; } .leftlx_c{overflow:hidden;height: 530px;border: 1px solid #016aae;background: #fff;/* border-bottom: 5px solid #016aae; */} .leftlx_c h3{font-size: 27px;color: #016aae;text-align:center;margin:15px 0 22px;font-weight: bold;} .leftlx_c span{display:block;background: url(../images/20180621202541_1205384453.jpg) no-repeat 0 center;font-size:12px;color:#666;padding-left:35px;margin:0 0 15px 15px;} .leftlx_c span b{display:block;font-size: 21px;color: #016aae;} .leftlx_c ul{ margin:0 0 0 9px;} .leftlx_c li{ font-size:13px; color:#494949; margin-bottom:15px;} .leftlx_c li img{width:150px;} .leftlx_c li em{ display:block; font-size:14px; margin-bottom:5px;} .plist { width: 230px; background: #fff; margin-top: 0; float:left;} #bodycon #center {float:left;width: 950px; background-color: ; } .plist_row1 {background: #016aae;width:189px;height:59px;font-size:25px;line-height:27px;font-weight: bold;display: block;color: #fff;padding: 23px 15px 10px 25px;} .plist_row1 .en{ font-size:14px; font-weight: 100; display: block; color: #fff; text-transform: capitalize; } .links { line-height: 50px; padding: 0 !important; position: relative; height: 50px; width: 100%; display: block; } .links b { display: block; } .links b a { line-height: 50px; text-indent: 0; display: block; position: absolute; top: 0; background: #e1e6ed; color:#524e4e !important; font-size: 15px; font-weight: 100 !important; transition: 0.3s all ease-in-out; padding-left: 55px; width: 172px; } .open {background: #fbfbfb;border-left: 3px solid #016aae;width: auto !important;} .open .links b a {font-weight: bold !important;color: #016aae!important;background: #fbfbfb;font-size: 16px;} .links b a::after,.links b a:after { content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; background: #ccc url(../images/20180503154555_1314459006.png) no-repeat -10px 4px; position: absolute; top: 16px; left: 21px; transition: 0.3s all ease-in-out} .open .links b a::after,.open .links b a:after{ background-color: #1F76E5} .plist_row3 table tbody tr .submenu { max-height: 0px; line-height: 0px; width: 230px; overflow: hidden; transition: 0.8s all ease; display: block; } .plist_row3 table tbody tr.open .submenu{ max-height: 420px; } .submenu > div > a { display: block; height: 35px; line-height: 35px; text-indent: 0; padding-left: 55px; font-size: 13px; } .submenu > div { width: 230px; display: block; } .plist_row3 table,.plist_row3 table tbody,.plist_row3 table tbody tr { display: block; width: 100%; padding:4px 0;} .prolist_row2 { display: block; border: 4px solid #4cb034; } .prolist_row2 > table,.prolist_row2 > table > tbody,.prolist_row2 > table > tbody > tr { display: block; width: 100%; } .prolist_row2 > table > tbody > tr > td { display: block; line-height: 50px; height: 50px; padding-left: 50px; position: relative; } .prolist_row2 > table > tbody > tr > td > a { display: block; font-size: 15px; color: #454545 !important; font-weight: 100 !important; } .prolist_row2 > table > tbody > tr > td::after,.prolist_row2 > table > tbody > tr > td:after { content: ''; display: block; position: absolute; width: 17px; height: 17px; border-radius: 50%; top: 17px; left: 18px; } .prolist_row2 > table > tbody { padding: 10px 0; } .product_btn{ width: 45px; height: 105px; background: #000; background: rgba(0,0,0,0.20); display: block; position: absolute; top: 115px; } .prod_convert { width: 950px; } .proCon_row2 ul { position: absolute; } .proCon_row2 ul li { float: left; width: 950px; } .proCon_row2 { margin-top: 20px; position: relative; overflow: hidden; height: 820px; } .prod_convert .tab a::after,.prod_convert .tab a:after { content: ''; border: 1px solid #cfcfcf; width: 9px; height: 9px; border-radius: 50%; display: block; position: absolute; left: 0; top: 10px; transition: .4s all ease-in-out; } .prod_convert .tab a.on::after,.prod_convert .tab a.on:after{ background: #fff; border-color: #1F76E5} .prod_convert .tab a { display: inline-block; line-height: 30px; height: 30px; margin-right: 20px; font-size: 16px; position: relative; padding-left: 18px; color:#343434; transition: .4s all ease-in-out; } .prod_convert .tab a.on{ color: #1F76E5} .prod_convert .tab{ background: #fff; padding: 8px 16px; } .proCon_row2 table > tbody > tr > td { float: left; margin-left: 25px; cursor: pointer; position: relative; line-height: 0px; width: 300px !important; padding: 0 !important; transition: 0.3s all ease-in-out; overflow: hidden; margin-bottom: 10px; } .proCon_row2 table > tbody > tr > td:first-child { margin-left: 0; } .proCon_row2 table > tbody > tr > td > a{ display: block; overflow: hidden; border: 1px solid #eee; position: relative; } .proCon_row2 table > tbody > tr > td > a > img{ width: 100%; height: auto; -webkit-filter: brightness(1.02); filter: brightness(1.02);} .proCon_row2 table > tbody > tr > td > span { bottom: 0px; width: 100%; overflow: hidden; left: 0; } .proCon_row2 table > tbody > tr > td > span > a { height: 35px; line-height: 35px; color: #343434; font-size: 14px; position: relative; z-index: 3; transition:0.5s all ease-in-out; } .proCon_row2 table > tbody > tr > td:hover > span > a{ font-size: 15px; } /* .proCon_row2 table > tbody > tr > td > span::before { transition:all ease-in-out 0.3s; content: ''; position: absolute; display: block; width: 100%; height: 35px; left: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.7); } .proCon_row2 table > tbody > tr > td:hover > span::before{ bottom: -35px; } */ .proCon_row2 table > tbody > tr > td br{ display:none; } .proCon_row2 table > tbody > tr > td:hover a{ border-color: rgba(254,101,60,0.8); } .proCon_row2 table > tbody > tr > td > a::before { content: ''; width: 600px; height: 600px; position: absolute; top: -199.5px; border-radius: 50%; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; z-index: 0; left: -166px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index:3;} .proCon_row2 table > tbody > tr > td > a::after { content: ''; background-size: auto auto; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index:4;} .proCon_row2 table > tbody > tr > td:hover > a::before{ box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .proCon_row2 table > tbody > tr > td:hover > a::after{ background-size:50px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .probm { overflow: hidden; height: 615px; padding: 40px 0 60px; } .probm_row1 { width: 100%; padding-top: 75px; line-height: 45px; text-align: center; font-size: 16px; color: #666666; padding-bottom: 30px; } .tab-hd > li > .en { font-size: 34px; color: #c9c9c9; height: 25px; display: block; overflow: hidden; text-align: center; line-height: 45px; margin-bottom: 5px; position: relative; z-index: 4; transition:0.3s all ease-in-out; } .tab-hd li { width: 75px; display: inline-block; text-align: center; margin: 0 20px; padding: 10px; position: relative; z-index: 3; transition: 0.3s all ease-in-out; top: 0; } .tab-hd li.active { top: -15px; } .tab-hd li:after,.tab-hd li::after{ content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; display: block; top: 38px; left: 45px; background: #ccc; transition:0.3s all ease-in-out; } .tab-hd li.active:after,.tab-hd li.active::after{ background: #1F76E5; top: 44px; transform: scale(17); box-shadow: 0 0 0 0.5px #ffeced; } .tab-hd { text-align: center; position: relative; } .tab-hd:after,.tab-hd::after { content: ''; width: 100%; height: 1px; background: #eee; display: block; position: absolute; top: 40px; left: 0; } .tab-hd li > strong { font-size: 18px; color: #454545; display: block; line-height: 24px; letter-spacing: 1px; position: relative; z-index: 3; transition:0.3s all ease-in-out; } .tab-hd li > strong > .en{ text-transform: capitalize; font-size: 12px; color: #999; display: block; line-height: 20px; font-weight: 100; letter-spacing: 0px; } .thisclass{background: #1f76e5;} .thisclass a{color: #fff !important;} .cms_page{margin: 0 auto;line-height: 180%;text-align: center;padding-top: 20px;margin-bottom: 16px;} .cms_page li{float:left;/* width:30px; *//* height:30px; */line-height:30px;border: 1px solid #1f76e5;margin:0px 4px;padding: 0px 10px;} .cms_page li:hover{background: #1f76e5;} .cms_page li:hover a{color:#fff;} .cms_page .previous_s,.cms_page .next,.cms_page .previous_s a,.cms_page .next a{text-indent:-9999px;} .cms_page .previous_s,.cms_page .next,.cms_page .pages_solid{background: #016aae;color:#fff;} .cms_page .previous_s a{background:url(../images/pageCoin.png) no-repeat 11px -42px #fff;} .cms_page .previous_s,.cms_page .previous_s a:hover{background: url(../images/pageCoin.png) no-repeat 11px 8px #016aae;} .cms_page .next a{background:url(../images/pageCoin.png) no-repeat -44px -42px #fff;} .cms_page .next,.cms_page .next a:hover{background: url(../images/pageCoin.png) no-repeat -44px 8px #1f76e5;} .nyxg { width:890px; margin:0 auto; padding:15px 0px;} .nyxg-bt {width:890px;font-size:16px;color: #106CA8;border-bottom: #106CA8 solid 1px;line-height:36px;} .nyxg-nr { width:890px; margin:0 auto; padding-top:20px;} .text-contant{margin-left: 23px;}