@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; }
body { background: #fff; font: normal 13px "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial; }
img { border: 0; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #333;}
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.head { width: 100%; height: 100px; margin-top: 20px; border-bottom: 1px solid #ECECFB; }
.top { width: 1200px; margin: 0 auto; position:relative; }
.top .logo { width: 360px; height: 100px; float: left; }
.top .logo img {max-height: 100%;}
.top .nav { width: 620px; margin-top: 30px; font-family: "Microsoft YaHei", SimSun, SimHei; float: left; }
.top .nav h3 { font-size: 100%; font-weight: normal; font-size: 16px; }
.top .nav h3 a { zoom: 1; height: 16px; line-height: 15px; padding: 16px 0; display: block; color: #000; margin-bottom:23px; }
.top .nav .m {float: left; margin: 0 15px; display: inline; text-align: center; }
.top .nav .m h3 i { display: inline-block; *display:inline;zoom: 1; width: 7px; height: 4px; background: url(../images/icon.png) 0 -280px no-repeat; overflow: hidden; margin: -2px 0 0 5px; vertical-align: middle; filter: alpha(opacity=50); opacity: 0.5; }
.top .nav .on h3 a { padding: 15px 0; border-bottom: 2px solid #00409A; }
.top .nav .on h3 a:hover { text-decoration: none !important;}
.top .nav .on h3 a i { filter: alpha(opacity=100); opacity: 1; }
.top .nav .sub { z-index: 99; display: none; width:1920px; position: absolute; left:50%; top: 100px; background:#000;opacity:0.8;filter:alpha(opacity=80); transform: translateX(-50%);}
.top .nav .sub li { text-align: center; font-size: 14px; line-height:1.2;display: inline-flex; border-left:1px solid #313131;}
.top .nav .sub li:first-child{ border-left:none;}
.top .nav .sub li a { color: #fff; display: block; zoom: 1; line-height: 1.2; padding: 0 10px 20px;}
.top .nav .sub li a:hover { background: #333; }
.top .nav .sub li a i { font-size: 60px; padding:20px 20px 10px;display: block; color: #fff;}
.top .nav .sub li img{ padding:5px; max-height:40px;}
.top .nav .sub dl { display: inline-block; *display:inline;zoom: 1; vertical-align: top; padding: 15px 29px; line-height: 26px; }
.top .nav .sub dl a:hover { color: #c00; }
.top .nav .sub dl dt a { color: #000; }
.top .nav .sub dl dd a { color: #999; padding-left: 7px; background: url(../images/icon.png) 0 -332px no-repeat; }
.top .nav #m .sub { z-index: 99; width: 915px; top: 65px; left: -108px; }
.serve { float: left; width: 180px }
.serve .hotline { padding-top: 10px; float: right; color: #464445; text-align: center; font-weight: bold; }
.serve .hotline .tel { font-size: 26px; font-family: Arial; }
.serve .hotline .txt { font-size: 16px; font-family: "Microsoft YaHei", 微软雅黑, 黑体; }
.serve .search { border-bottom: 1px solid #999; width: 180px; padding-bottom: 5px; padding-top: 60px; }
.serve .search .search-btn { float: right; background: url(../images/iss.png) no-repeat; width: 28px; height: 26px; border: none; }
.serve .search input { border: none; width: 152px; height: 26px; line-height: 26px; font-size: 14px; text-align: center }
.serve .search .fd-right { float: right; }
.serveok { float: left; width: 220px }
.serveok .hotline { float: right; color: #464445; }
.serveok .hotline .tel { font-size: 16px; font-family: "Microsoft YaHei", 微软雅黑, 黑体; }
.serveok .hotline .txt { font-size: 16px; font-family: "Microsoft YaHei", 微软雅黑, 黑体; }
.serveok .newiform{width:218px;height:42px;margin:40px auto 0 auto;}
.serveok .searchTxt .searchMenu .searchSelected{background-image:url(../images/searchbg.png);background-repeat:no-repeat;}
.serveok .searchBtn button {background:url(../images/search.jpg) no-repeat center center;}
.serveok .searchTxt{float:left;width:175px;height:30px;border:1px solid #E0E0E0; border-right:0px; position:relative;z-index:20;background:#fff;}
.serveok .searchTxt .radius{width:1px;height:1px;overflow:hidden;background:#f4f4f4;position:absolute;top:-2px;left:-2px;}
.serveok .searchTxtHover{float:left;width:175px;height:30px;border:1px solid #E0E0E0;border-right:0px;position:relative;z-index:20;background:#fff;}
.serveok .searchTxtHover .radius{width:1px;height:1px;overflow:hidden;background:#cce5f5;position:absolute;top:-2px;left:-2px;}
.serveok .searchTxt .searchMenu{float:left;}
.serveok .searchTxt .searchMenu .searchSelected{color:#fff;cursor:pointer;font-size:14px;font-weight:bold;height:30px;line-height:30px;padding:0 10px;width:48px;background-position:0px -54px;}
.serveok .searchTxt .searchMenu .searchOpen{background-position:0px -104px;}
.serveok .searchTxt .searchMenu .searchTab{display:none; position:absolute;top:31px;left:0px;width:75px;border:1px solid #E0E0E0;border-top:0;background:#fff;z-index:20;}
.serveok .searchTxt .searchMenu .searchTab li{width:75px;height:28px;line-height:28px;color:#a8a8a8;font-size:14px;text-indent:10px;cursor:pointer;}
.serveok .searchTxt .searchMenu .searchTab li.selected{background:#edf3fc;color:#6994c1;}
.serveok .searchTxt input{float:left;border:0;background:#fff;color:#333;font:14px/22px '宋体',verdana,tahoma,arial,'SimSun',sans-serif;height:20px; width:95px;margin:0;outline:medium none;padding:4px;}
.serveok .searchTxt .sosoLogo{float:right;margin:8px 6px 0 0;display:inline;}
.serveok .searchBtn{float:left;border:1px solid #E0E0E0; border-left:0px;}
.serveok .searchBtn button{border:0;color:#fff;cursor:pointer;float:left;font-size:16px;height:30px;text-indent:-9999px;width:40px;}
.bannernew { width: 100%; position: relative; height: 600px; background: #000; }
.bannernew .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.bannernew .bd ul { width: 100% !important; }
.bannernew .bd li { width: 100% !important; height: 600px; overflow: hidden; text-align: center; }
.bannernew .bd li a { display: block; height: 600px; }
.bannernew .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 40px; line-height: 30px; text-align: center; }
.bannernew .hd ul { text-align: center; padding-top: 5px; }
.bannernew .hd ul li { cursor: pointer; display: inline-block; *display:inline;zoom: 1; width: 8px; height: 8px; margin: 5px; background: url(../images/tg_flash_p.png) -18px 0; overflow: hidden; line-height: 9999px; }
.bannernew .hd ul .on { background-position: 0 0; }
.bannertxt{width:1100px; height:175px; margin:0 auto; padding-top:200px}
.bannertxt .bhover a { color:#000;border:1px solid #333; padding:8px 20px; font-size:14px; width:165px; height:35px; line-height:35px; text-align:center}
.bannertxt .bhover a:hover { background: #333; color:#FFF }
.snbanner { width: 100%; position: relative; background-repeat: no-repeat; background-size: 1600px; background-position: center; background-color: #0e1a2e; height: 400px; background-image: url(../images/gp_solution.jpg); }
.sndetail { width: 1200px; margin:10px auto; }
.snposition { width: 1200px; margin:10px auto; }
.menu { position: relative; width: 1200px; margin: 0 auto; }
.menu .cate { position: absolute; width: 255px; height: 500px; padding: 30px 0 20px 30px; left: 0; top: 30px; }
.menu .cate dt { font-size: 20px; line-height: 1; margin-bottom: 31px; position: relative; z-index: 2; font-family: "Microsoft YaHei", SimSun, SimHei; }
.menu .cate .cate-list { position: relative; margin-bottom: 10px; }
.menu .cate .cate-bg { position: absolute; width: 285px; height: 540px; left: -30px; top: -85px; background-color: #fff; z-index: 1; }
.menu .cate ul { position: relative; z-index: 2; }
.menu .cate .cate-list li { padding-right: 30px; font-size: 14px; font-family: "Microsoft YaHei", SimSun, SimHei; }
.menu .cate .cate-list li a { display: block; height: 42px; line-height: 42px; border-bottom: 1px solid rgba(0,0,0,.08); }
.menu .cate .cate-list .subcate { position: absolute; left: 255px; top: -85px; transition: all .3s ease-in; width: 0; padding: 45px 0 0; opacity: 0; height: 495px; background-color: #363a4f; background-repeat: no-repeat; background-position: right bottom; overflow: hidden; color: #fff; }
.menu .cate .cate-list .subcate .overflow { width: 900px; margin-left: 50px; }
.menu .cate .cate-list .subcate .subcate-item { width: 205px; height: 185px; margin: 0 70px 70px 0; float: left; overflow: hidden; }
.menu .cate .cate-list .subcate .subcate-item h5 { line-height: 20px; margin-bottom: 25px; height: 40px; overflow: hidden; }
.menu .cate .cate-list .subcate .subcate-item a { font-size: 12px; float: left; margin-right: 18px; margin-bottom: 12px; height: 18px; line-height: 18px; overflow: hidden; }
.topnew { width: 1200px; margin: 20px auto; }
.topnew li { width: 370px; float: left; padding-right: 45px; font-family: "Microsoft YaHei", SimSun, SimHei; }
.topnew .ntitle { font-size: 16px; height: 35px; line-height: 35px; width: 370px }
.topnew .nintro { font-size: 14px; width: 370px; color: #777 }
.case { background:#F4F4F4; width:100%; height:460px; clear:both}
.case .ccimg{ width:100%;}
.case .ccimg li{width: 510px; height:105px; background:#FFF; float:left; margin-bottom:20px;}
.case .ccimg li.tpic{height:350px; margin-right:85px;}
.case .ccimg li.tpic a{height: 0;padding-bottom: 290px;display: block;overflow: hidden;}
.case .ccimg li p{font-size: 16px;float: left;max-width: 295px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.pd15 {padding:15px;}
.case .ccimg li p img {max-width: 185px;max-height: 105px;}
.case .ccimg li p span{ border:1px solid #F00; margin-top:5px; color:#F00; width:100px; display: block; text-align:center; font-size: 14px;}
.case .ccimg a { color:#333}
.case .ccimg a:hover { color:#06C; text-decoration:none !important}
.newimg{ width:100%; margin:30px 0;}
.newimg .ntit{width:400px; float:left; margin-right:20px;}
.newimg .ntit li{font-size:16px; height:60px;overflow: hidden; white-space:nowrap;word-break: keep-all; text-overflow: ellipsis;}
.newimg .ntit li .date { display: block; font-size: 14px; color: #999;}
.newimg .nimg{border-left:1px solid #CECECE;width:778px; float:left}
.newimg .nimg li{float:left; margin-left:45px;}
.newimg .nimg li .ph3{ font-size:16px; line-height: 38px; font-weight:500;}
.newimg .nimg li p{ font-size:14px; line-height: 28px; margin-top: 5px;}
.newimg .ntit h3,.newimg .nimg h3{height:40px; font-size:22px; padding:0 12px; font-weight:500; background: url("../images/tbgn.jpg") 0px 0px no-repeat;}
.newimg a { color:#333}
.newimg a:hover { color:#06C; text-decoration:underline}
.solution { width:1200px; margin:20px auto;}
.solution .stitle { width:1200px; text-align:center; font-family: "Microsoft YaHei", SimSun, SimHei;}
.solution .stitle .sth3{ color:#313131; font-size:28px; line-height: 40px; padding-top:25px; display:inline-block;}
.solution .stitle .sdesc{ color:#6F6F6F; font-size:20px; line-height: 40px;}
.solution .sclass { width:1200px;}
.solution .sclass li{ width:300px; float:left; font-size:16px; font-family: "Microsoft YaHei", SimSun, SimHei;}
.solution .sclass li p{ height:35px; line-height:35px;}
.main { width: 1200px; min-width: 1000px; margin: 0 auto; font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial; }
.main .tit { width: 1200px; height: 28px; text-align: center; margin-bottom: 40px; overflow: hidden; margin-top: 10px; }
.main .tit .line { width: 100%; height: 1px; font-size: 0; background-color: #ddd; margin-top: 13px; }
.main .tit h6 { display: inline-block; height: 38px; line-height: 28px; font-size: 26px; color: #333; padding: 0 20px; background-color: #fff; font-weight: 400; margin-top: -14px; overflow: hidden; }
.mainht { height: 30px; margin:20px 0; font-family: "Microsoft YaHei", 微软雅黑, 黑体;}
.mainht h2 { font-size:22px; padding:0 12px; font-weight: 500; float:left; text-align: left; color: #000; background: url("../images/tbgn.jpg") 0px 0px no-repeat;}
.mainht h3 { font-size: 14px; color:#666; font-weight:500;}
.snccon { width: 1200px; margin: 0 auto; }
.snccon .con-li { width: 208px; height: 52px; border: 1px solid #d7d8d9; float: left; background: #fff; margin: 0 15px 30px; cursor: pointer; text-align: center; position: relative; }
.snccon .con-li .tlogo { display: inline-block; width: 20px; height: 20px; position: relative; top: 4px; right: 10px; }
.snccon .con-li:hover { background: #ebebec;}
.snccon .con-li .titc { display: inline-block; height: 52px; line-height: 52px; font-size: 16px; color: #333; margin-left: 12px; }
.sntoph { width: 1200px; margin: 0 auto; overflow: hidden; font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial; }
.sntoph .title { width: 1200px; height: 40px; overflow: hidden; margin-bottom: 32px; }
.sntoph .title .linetop { display: inline-block; width: 2px; height: 24px; background: #00c1de; position: relative; top: 4px; }
.sntoph .title .tittop { display: inline-block; height: 40px; line-height: 40px; font-size: 24px; color: #333; padding-left: 10px; }
.sntoph .tab { height: 39px; border-bottom: 1px #ddd solid; margin-bottom: 30px; display: none; }
.sntoph .tab .tab-nav { height: 40px; overflow: hidden; }
.sntoph .list { width: 1218px; overflow: hidden; margin-top: 20px;}
.sntoph .list .list-li { width: 384px; float: left; border: 1px solid #d7d8d9; height: 498px; overflow: hidden; margin-right: 20px; margin-bottom: 30px; background: #fff; }
.sntoph .list .list-li:nth-child(4n){margin-right: 0;}
.sntoph .list .list-li:hover { border: 1px solid #999;}
.sntoph .list .list-li .alllink { display: block; width: 384px; height: 498px; overflow: hidden; text-decoration: none !important; color:#666}
.sntoph .list .list-li .alllink .gray { height: 111px; overflow: hidden; padding: 31px 48px 0 129px; }
.sntoph .list .list-li .alllink .three { overflow: hidden; height: 118px; }
.sntoph .list .list-li .alllink .three .three-li { float: left; padding-top: 17px; }
.sntoph .list .list-li .alllink .three .three-li .st { height: 18px; line-height: 18px; font-size: 14px; color: #999; }
.sntoph .list .list-li .alllink .three .three-li .pri { height: 22px; line-height: 1.4; font-size: 12px; color: #333; }
.sntoph .list .list-li .alllink .three li{ margin-left:15px; }
.sntoph .list .list-li .alllink .three .sp { width: 100px; padding-left:10px; }
.sntoph .list .list-li .alllink .three .sp1 { width: 100px; }
.sntoph .list .list-li .alllink .three .sp2 { width: 110px; }
.sntoph .list .list-li .alllink .three .l { float: left; width: 1px; margin: 20px 0; background: #d7d8d9; height: 38px; }
.sntoph .list .list-li .alllink .pic { display: block; width: 286px; height: 145px; border: 1px solid #d7d8d9; margin: 0 auto 35px; }
.sntoph .list .list-li .alllink .bt { overflow: hidden; text-align: center; }
.sntoph .list .list-li .alllink .gray .li-tit { height: 30px; line-height: 30px; font-size: 18px; color: #333; overflow: hidden; margin-bottom: 4px; }
.sntoph .list .list-li .alllink .gray .li-info { line-height: 22px; font-size: 12px; color: #666; }
.sntoph .list .list-li .alllink .bt { overflow: hidden; text-align: center; }
.sntoph .list .list-li .alllink .bt .y-btn-blue.y-btn-s { line-height: 24px!important; padding: 0!important; }
.sntophi .list { width: 1200px; overflow: hidden; }
.sntophi .list .list-li { width: 285px; float: left; border: 1px solid #d7d8d9; height: 465px; overflow: hidden; margin-right: 15px; margin-bottom: 10px; background: #fff; }
.sntophi .list .list-li:nth-child(4n){margin-right: 0;}
.sntophi .list .list-li:hover { border: 1px solid #999;}
.sntophi .list .list-li .alllink { display: block; width: 285px; height: 465px; overflow: hidden; text-decoration: none !important; color:#666}
.sntophi .list .list-li .alllink .gray { height: 111px; overflow: hidden; padding: 30px 25px 15px 90px; }
.sntophi .list .list-li .alllink .three { overflow: hidden; height: 88px; }
.sntophi .list .list-li .alllink .three .three-li { float: left; padding-top: 17px; }
.sntophi .list .list-li .alllink .three .three-li .st { height: 18px; line-height: 18px; font-size: 14px; color: #00c1de; }
.sntophi .list .list-li .alllink .three .three-li .pri { height: 22px; line-height: 22px; font-size: 12px; color: #333; }
.sntophi .list .list-li .alllink .three li{ margin-left:15px; }
.sntophi .list .list-li .alllink .three .sp { width: 230px; padding-left:15px; }
.sntophi .list .list-li .alllink .three .sp1 { width: 100px; }
.sntophi .list .list-li .alllink .three .sp2 { width: 110px; }
.sntophi .list .list-li .alllink .three .l { float: left; width: 1px; margin: 20px 0; background: #d7d8d9; height: 38px; }
.sntophi .list .list-li .alllink .pic { display: block; width: 235px; height: 145px; border: 1px solid #d7d8d9; margin: 0 auto 25px; }
.sntophi .list .list-li .alllink .bt { overflow: hidden; text-align: center; }
.sntophi .list .list-li .alllink .gray .li-tit { height: 30px; line-height: 30px; font-size: 18px; color: #333; overflow: hidden; margin-bottom: 4px; }
.sntophi .list .list-li .alllink .gray .li-info { line-height: 22px; font-size: 12px; color: #666; }
.sntophi .list .list-li .alllink .bt { overflow: hidden; text-align: center; }
.sntophi .list .list-li .alllink .bt .y-btn-blue.y-btn-s { line-height: 24px!important; padding: 0!important; }
.y-btn-blue { display: inline-block; min-width: 100px; height: 26px; padding: 0 30px 1px; background: #00c1de; border: solid 1px #00c1de; line-height: 32px; font-size: 14px; color: #fff; text-align: center; outline: none; cursor: pointer; border-radius: 0; }
.y-row { min-width: 1000px; max-width: 1200px; margin-left: auto; margin-right: auto; zoom: 1; }
.title-cell { position: absolute; color: #fff; top: 80px; left: 0; right: 0; font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial; }
.title-cell h1 { color: #fff; font-size: 40px; font-weight: 500; }
.title-cell p { margin-top: 35px; font-size: 14px; width: 740px; line-height: 25px; }
.title-cell .btns { margin-top: 25px; }
.title-cell .btns a { height: 36px; line-height: 36px; padding: 0 40px; color: #fff; display: inline-block; font-size: 14px; margin-right: 10px; }
.title-cell .btns .btn-b { border: 1px solid #03459B; background-color: #03459B; }
.title-cell .btns .btn-w { border: 1px solid #fff; }
.title-cell .btns .btn-w:hover { background-color: #fff; color: #333; }
.title-cell .btns .btn-link { padding: 0; color: #00a2ca; }
.float-box { height: 50px; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.2); text-align: center; font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial; }
.float-box .menu-box { display: inline-block; cursor: pointer; }
.float-box .menu-box li {height: 50px; margin: 0; position: relative; }
.float-box .menu-box li::after {position: absolute; right:0; top:50%; transform: translateY(-50%); content: ""; width: 1px; height: 15px; background-color: #ccc;}
.float-box .menu-box li a { padding: 0 25px; line-height: 50px; display: block; font-size: 14px; color: #ccc;}
.float-box .menu-box li a:hover { color:#fff; text-decoration: none!important; background:#78909C;}
.float-box .product-menu { text-align: left; width: 266px; position: absolute; top: 0; height: 50px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.float-box .product-menu .menu-title { height: 50px; line-height: 50px; font-size: 14px; color: #333; }
.float-box .product-menu .menu-main { position: relative; box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2); border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; top: 1px; left: -1px; padding-left: 266px; }
.y-left { float: left!important; }
.y-left, .y-right { display: inline; }
.main .cons-serv { position: relative; height: 530px; background-color: #fff; }
.main h5 { height: 22px; line-height: 22px; font-size: 18px; color: #333; font-weight: 400; text-align: center; margin-top: 40px; overflow: hidden; }
.main .cons-serv .tab { width: 900px; height: 278px; margin: 0 auto; overflow: hidden; }
.main .cons-serv .tab .tab-nav { width: 900px; border-bottom: 1px solid #eaeaea; margin: 40px auto 0; }
.main .cons-serv .tab .tab-nav .cur { border-bottom: 1px solid #03459B; }
.main .cons-serv .tab .tab-nav .cur img {border-color: #00409A;}
.main .cons-serv .tab .tab-nav li { float: left; display: inline-block; zoom: 1; width: 78px; height: 141px; text-align: center; cursor: pointer; margin-right: 86px; padding-bottom: 23px; overflow: hidden; }
.main .cons-serv .tab .tab-nav li img { display: block; width: 76px; height: 76px; border-radius: 50%; border: 1px solid #e6e6e6; vertical-align: top; }
.main .cons-serv .tab .tab-nav li .name { height: 18px; line-height: 18px; font-size: 13px; color: #333; margin-top: 12px; overflow: hidden; }
.main .cons-serv .tab .tab-nav li .identity { line-height: 18px; font-size: 12px; color: #666; overflow: hidden; }
.main .cons-serv .tab .tab-nav .last { margin-right: 0; }
.main .cons-serv .tab .tab-con { width: 900px; margin-top: 30px; overflow: hidden; }
.main .cons-serv .tab .tab-con .intro { display: none; width: 900px; height: 40px; line-height: 22px; font-size: 15px; color: #666; overflow: hidden; }
.main .cons-serv .list { width: 900px; margin: 52px auto 0; overflow: hidden; }
.main .cons-serv .list li { float: left; display: inline-block; width: 290px; height: 34px; margin-right: 10px; overflow: hidden; }
.main .cons-serv .list li a .info { float: left; display: inline-block; width: 165px; height: 34px; font-size: 12px; margin-left: 15px; overflow: hidden; }
.main .cons-serv .list li a .info h6 { font-size:15px; width: 165px; height: 16px; line-height: 16px; color: #666; font-weight: 400; overflow: hidden; }
.main .cons-serv .list li a .info p { width: 165px; height: 16px; line-height: 16px; color: #999; margin-top: 4px; overflow: hidden; }
.main .cons-serv .list li a img { float: left; display: inline-block; width: 25px; height: 25px; }
.main .cons-serv .list .last { margin-right: 0; }
.main .cons-serv .btn { margin: 47px auto 0; }
.main .btn { display: block; width: 98px; height: 22px; line-height: 22px; font-size: 12px; color: #03459B; text-align: center; border: 1px solid #03459B; overflow: hidden; }
.main .support ul li { width: 380px; height: 143px; border: 1px solid #eaeaea; float: left; margin: 0 9px 18px 9px; }
.main .support ul li a { display: block; width: 380px; height: 143px; }
.main .support ul li .pic { height: 40px; width: 40px; float: left; margin: 39px 0 0 65px; }
.main .support ul li:hover { border-color: #03459B }
.main .support ul li .pic { display: block; }
.main .support ul li:hover .pic { display: none; }
.main .support ul li .pic2 { display: none; }
.main .support ul li:hover .pic2 { display: block }
.main .support ul li .pic img { width: 100%; height: 100%; }
.main .support ul li .right { width: 252px; height: 102px; float: right; margin-top: 39px; }
.main .support ul li .right .name { color: #333; line-height: 18px; height: 18px; font-size: 18px; margin-bottom: 16px; }
.main .support ul li .right .info { line-height: 12px; height: 12px; font-size: 12px; color: #666; margin-bottom: 9px; }
.main .supportimg{ width:1180px; margin:8px auto;margin-bottom: 35px;}
.gp_multi_img { position: relative; overflow: hidden; margin-bottom:20px; width: 49%; float: left}
.gp_multi_img:hover a { background: hsla(0, 0%, 0%, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8000000', endColorstr='#a8000000', GradientType=0) text-decoration: none;}
.gp_multi_responsive { display: block; max-width: 100%; position:relative;}
.gp_img { width: 100%; height: 100%; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.gp_img.hover{ margin-left:-20px;}
.gp_img img { width: 110%; max-width: 110%; }
.gp_img_wrap { position: absolute; bottom: 0; left: 0; width: 100%; margin-bottom: 50px; min-height: 114px; padding: 0 30% 0 40px; }
.gp_img_subinfo { position: absolute; display: block; width: 100%; height: 100%; top: 0; margin: 0; padding: 0; }
.gp_img_subinfo h3 { width:450px; font-size: 30px; margin-bottom: 10px; line-height: 1.2; text-align:left; text-shadow: #000 0 1px 10px; }
.gp_img_subinfo h3 { position: relative; opacity: 1; color: #fff; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transform: translateY(60%); -ms-transform: translateY(60%); -webkit-transform: translateY(60%); transform: translateY(60%); }
.gp_img_subinfo a { display: block; position: relative; width: 100%; height: 100%; margin: 0; left: 0; top: 0; padding: 20px 40px; text-decoration: none; }
.gp_img_subinfo a { -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
.gp_img_subinfo p { width:450px; font-size:16px; text-align:left; position: relative; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transform: translateY(80%); -ms-transform: translateY(80%); -webkit-transform: translateY(80%); transform: translateY(80%); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0; color: #fff; line-height: 1.5; }
.gp_multi_img:hover a h3, .gp_multi_img:hover a p, .gp_multi_img:hover a button {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) }
.bottom { margin: 0 auto; clear: both }
.bottom .cback { background: url(../images/gp_contactus.jpg) center no-repeat #08060A; height: 540px; }
.bottom .cwidth { width: 1200px; margin: 0 auto; padding-top: 40px; }
.bottom .footer { color: #515151; height: 85px; line-height: 24px; margin: 12px auto 0; text-align: center; width: 1200px; }
.bottom .footer, .footer p { font-size: 13px; overflow: hidden; }
.bottom .footwh { height: 70px; overflow: hidden; width: 680px; margin: 0 auto }
.bottom .footwh p { border: 1px solid #D2D2D2; float: left; height: 50px; line-height: 20px; margin: 6px; padding: 0; width: 120px; }
.bottom .footwh .fl { float: left; padding: 3px; }
.bottom .footwh .fr { float: right; padding: 5px 3px 0; width: 72px; display: inline; }
.mainbb{ border-right:1px solid #E7E7E7; border-top:1px solid #E7E7E7; width:1200px; height:280px; margin:0 auto; color:#999}
@media screen and (max-width:1200px) {.mainbb { width:1003px;}}
.mainbb li{ float:left; width:299px; height:139px; border-bottom:1px solid #E7E7E7;border-left:1px solid #E7E7E7}
@media screen and (max-width:1200px) {.mainbb li { width:249px;}}
.mainbb a{ margin-right:10px;text-decoration: none; color:#9A9A9A;text-decoration: none  !important;}
.mainbb a:hover { text-decoration: none; color:#9A9A9A; text-decoration: none !important; }
.mainbb li.gp{ float:left; width:299px; height:219px;}
.mainbb img{vertical-align:middle}
.mainbb .gp{text-align: center;padding: 30px 0;}
@media screen and (max-width:1200px) {.mainbb .gp { display:none}}
.mainbb .gptxt{width:100%; color: #999 !important;display: inline-table; text-align:center; font-size: 14px !important;}
.mainbb .gptxt b{color:#333; font-size:15px; }
.mainbb .br{display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 15px;width:120px;height:140px;}
.mainbb .brtxt{position:relative; top:-115px; left:125px;width:calc(100% - 125px);}
.mainbb .bt{font-family:"Microsoft YaHei","微软雅黑","黑体"; font-size:15px; color:#333; height:25px; overflow: hidden;}
.mainbb .bm{height:30px; line-height:25px;}
/*onlineService*/
.main-im{ position:fixed; right: 10px; top:160px; z-index: 100; width: 110px; /*height: 272px;*/ }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(/Mpcms/Tpl/Home/Default/Public/images/kefu/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 145px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:5px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel .tel-ywjsnum { font-family: Arial; font-weight: bold; color: #03C;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(/Mpcms/Tpl/Home/Default/Public/images/kefu/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(/Mpcms/Tpl/Home/Default/Public/images/kefu/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(/Mpcms/Tpl/Home/Default/Public/images/kefu/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 78px; width: 40px; height: 160px; background: url(/Mpcms/Tpl/Home/Default/Public/images/kefu/open_im.png) no-repeat left top; }