@charset "utf-8";
body { margin: 0; font-family: "宋体"; background: #fff; min-width: 1200px }
* { margin: 0; padding: 0; box-sizing: border-box; }
form, input, li, ol, ul { padding: 0 }
img { border: 0 }
li, ol, ul { list-style: none; margin: 0 }
a, b, dd, div, dl, dt, em, form, h1, h2, h3, h4, i, input, li, ol, p, pre, ul { color: #333; list-style: none; text-decoration: none; font-family: "Microsoft YaHei", tahoma, Arial, "微软雅黑", Helvetica, sans-serif; margin: 0; padding: 0 }
.clr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clr { display: inline-block }
html[xmlns] .clr { display: block }
* html .clr { height: 1% }
img { border: 0 }
.w1200{ width: 1200px; margin:0 auto; }
.fl{ float:left}
.fr{ float:right}
/* headbar */
.headbar { position: relative; min-width: 1200px; height: 35px; border-bottom: 1px solid #efefef; z-index: 999; background: #eee; }
.headbar_con { margin: auto; width: 1200px; }
.headbar_contact { float: left; padding-top: 5px; color: #888; line-height: 24px; }
.headbar_contact .mail { padding-left: 20px; background: url(../images/header_ico_mail.png) no-repeat left center; }
.headbar_contact .tel { padding-left: 20px; font-size: 14px; background: url(../images/header_ico_tel.png) no-repeat left center; color: #868686; }
.headbar_ico { float: right; padding-top: 2px; }
.headbar_ico a { position: relative; display: inline-block; margin-right: 10px; width: 24px; height: 24px; vertical-align: text-top; }
.headbar_ico a.weibo { background: url(../images/header_ico.png) no-repeat -0 0; }
.headbar_ico a:hover.weibo { background: url(../images/header_ico.png) no-repeat -0 -30px; }
.headbar_ico a.weixin { background: url(../images/header_ico.png) no-repeat -30px 0; }
.headbar a:hover.weixin { background: url(../images/header_ico.png) no-repeat -30px -30px; }
.headbar_ico .weixin_code { display: none; position: absolute; top: 39px; left: -59px; width: 140px; border: 1px solid #E6E6E6; border-radius: 4px; background: #FFF; }
.headbar_ico .weixin_code .arrow { position: absolute; top: -6px; left: 64px; }
.headbar_ico .weixin_code p { padding-bottom: 6px; color: #999; text-align: center; }
.search {padding-top: 5px;float:  right;}
.hea_text { margin-left: 13px; padding-left: 10px; float: left; width: 131px; height: 24px; line-height: 24px; background: url(../images/text.jpg) no-repeat; border: 0; font-family: 'Arial'; overflow: hidden; }
.hea_button { float: left; width: 26px; height: 24px; background: url(../images/button.jpg) no-repeat; cursor: pointer; border: 0; }
.hea_text1 { height: 20px; line-height: 20px; background: url(../images/text1.jpg) no-repeat 0 0; }

/* header */
.header {background: #fff;}
.header_top {overflow: hidden;width: 1200px;margin: 0 auto;height: 150px;clear: both;padding: 20px 0;color:  #fff;}
.header_top h1 { float: left; margin-top: 15px; }
.header_top h2 {float: left;padding: 5px 0;padding-left: 25px;margin-left: 25px;background: url(../images/logo_w.png) no-repeat left center;margin-top: 30px;font-size: 22px;color: #ffcc08;}
.header_top h2 p {font-weight: normal;font-size: 16px;color: #fff;}
.header_top .phone { overflow: hidden; float: right; margin-top: 30px; padding-left: 50px; background: url(../images/phone-icon.png) no-repeat left center; }
.header_top .phone p { font-size: 13px; color: #333; letter-spacing: 14px; }
.header_top .phone b {display: block;font-size: 28px;color: #A31F17;font-family: Impact;}
.header_top .phone em {display: block;font-size: 16px;color: #000;/* background: url(../images/phone02.png) no-repeat center; *//* margin-left: -60px; */margin-top: 5px;text-align: center;font-style: normal;}
nav {background: #024c97;height: 52px;color: #fff;width: 100%;z-index: 2;clear: both;}
.nav li {float: left;width: 118px;position: relative;height: 52px;line-height: 52px;text-align: center;border-right: 1px solid #287ed5;}
.nav li:last-child { border-right: none; }
.nav>li>a { color: #fff; text-align: center; font-size: 16px; padding: 0; display: block; }
.nav>li>a:link { background: none; }
.nav>li>a:hover, .nav>li>a.active { color: #fff; background: none; }
.nav .hb-first-li ul li a { color: #ffffff; height: 36px; overflow: hidden; display: block; font-size: 15px; }
.nav .hb-first-li .active a, .nav .hb-first-li a:hover {background-color: #fecd07;color: #212121;display: block;cursor:  pointer;}
.nav .hb-first-li>ul {position: absolute;width: 133px;background-color: #024c97;z-index: 20;padding: 0;opacity: 0;transition: all .5s ease 0s;-webkit-transform: translate3d(0, 10px, 0);visibility: hidden;}
.nav .hb-first-li:hover ul { opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible }
.nav .hb-first-li>ul li { height: 34.18px; line-height: 36px; width: 100%; text-align: center; border-bottom: 1px solid rgba(226, 226, 226, 0.37); transition: all .3s ease-out 0s }

.indexTitle {text-align: center;color: #333;margin-bottom:  20px;}
.indexTitle2 { color: #fff; }
.indexTitle .txt1 {font-size: 42px;text-transform: uppercase;font-weight: bold;}
.indexTitle .txt2 { font-size: 18px; padding-bottom: 20px; position: relative;  }
.indexTitle .txt2 em { position: absolute; left: 50%; bottom: 0px; display: block; width: 30px; height: 1px; background: #333; margin-left: -15px; }
.indexTitle2 .txt2 em { background: #fff; }

.cont{width:1200px;height:520px;position:relative;overflow:hidden; margin: 0 auto}
.cont li:nth-child(3n+0){margin-right:0}
.cont ul{position:absolute;left:0;top:0;opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-o-transform:translateX(100px);transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear}
.cont ul.current{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);opacity:1;z-index:99}
.cont ul.current2{transform:translateX(-100px);-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-o-transform:translateX(-100px)}
.cont .pic,.cont img{width:377px;height:260px}
.cont .pic{overflow:hidden}
.cont .list{background:#f1f1f1;width:377px;height:260px;color:#fff;display:table;text-align:center;position:relative}
.cont .list .val{display:table-cell;vertical-align:middle}
.cont .list .title{color:#000;font-size:18px;line-height:26px;height:26px;display:block;overflow:hidden;font-weight:700}
.cont .list .xian{width:40px;height:2px;background:#fe901a;margin:26px auto 22px}
.cont .list .txt{line-height:26px;font-size:16px;color:#9b9b9b}
.cont li{margin-right:8px}
.cont .list .pic,.cont .pic .list{position:absolute;left:0;top:0;opacity:0;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear}
.cont .list:hover .pic{display:block;opacity:1}
.cont .pic:hover .list{display:table;opacity:1}


.a_hidden { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.c_black { color: #000 }
.c_white { color: #fff }
.c_red { color: red }
.c_gray { color: gray }
.c_blue { color: #03afdd }
.c_orange { color: #ff6b00 }
.bg_black { background: #000 }
.bg_white { background: #fff }
.bg_red { background: red }
.bg_gray { background: gray }
.bg_blue { background: #00f }
.bg_orange { background: orange }
.f-s12 { font-size: 12px }
.pd5 { padding: 5px }
.proimg-hover { display: inline-block; width: 125px; height: 53px; border: 2px solid #5dc1ff; margin: 0 10px }
.cate-hover { padding-left: 20px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s }
.cate-click { padding-left: 20px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s }
@font-face { font-family: iconfont; src: url(../other/iconfont.eot?t=1512615324061); src: url(../other/iconfont.eot?t=1512615324061#iefix) format('embedded-opentype'), url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAU0AAsAAAAAB8wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kimY21hcAAAAYAAAABeAAABhpwoBr5nbHlmAAAB4AAAAWUAAAG4x8If8WhlYWQAAANIAAAALwAAADYPvOE1aGhlYQAAA3gAAAAcAAAAJAfeA4RobXR4AAADlAAAAAwAAAAMC+kAAGxvY2EAAAOgAAAACAAAAAgAdgDcbWF4cAAAA6gAAAAfAAAAIAETAF1uYW1lAAADyAAAAUUAAAJtPlT+fXBvc3QAAAUQAAAAIwAAADTt4OmBeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sE4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzbw9zwv4EhhrmBoQEozAiSAwAxUA0oeJzFkMENgDAMAy9t6QMxCA8G4sUcHa7zdI1iQnkwQS05VhxLiQIsQBQPMYFdGA9OueZ+ZHU/eSZLjUBptXf1nyqiWXYNKplpsHmr/9i87qPTVyiDOrHVl4QbNH0OfwAAeJyFjztLw1AYhs93jknvSXPSXJq2tklso1RL7Q1FbIe6KCIFJ0dxcdFFpItDFqGDgpO4uIjg4OIs/QfqL3CJ6CpIZz169AfUj5fvwvvywYMEhL5fyJCYSEXTaB6toB5CIJbBkXAObK9RwWXQbEEzUhLxXM8OuU6FLIPhiCm91mqUDDEkyiDBJNTtWsurYA+ajTZegpqeA0hnrE1azFJyBlHTmzxma/gKtLybldtzbHW2k6oV1HA/Tmma0pOwKAhhjCdkCfYMPSJEoiK7FmRLG+ZncB7iac9a30oUMnR70NjPFY0IgO+DmilINx3FUriOLF2l6VAyETathDuVgv5bzFTjudIr4iVyVp8ExEcCiqEscjjxIqd1m7bi8m9eBNcVW6krv93928Z55OIBpK7FNlivCgEEn0/8fuyyuwG77eL3MSZZ6LLRPRyw0ypcsp2vAJJsBOesyOcHPLNdcvhP4AfJfGtJAAAAeJxjYGRgYADiJwLOEfH8Nl8ZuFkYQOCa37k5CPp/AwsDcwOQy8HABBIFACSACmwAeJxjYGRgYG7438AQw8IAAkCSkQEVMAMARwkCbAQAAAAD6QAABAAAAAAAAAAAdgDceJxjYGRgYGBmCGRgYwABJiDmAkIGhv9gPgMAEQ4BcQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICZkYmRmZGFgbGCrTgjv7QylYEBABaLAzgA') format('woff'), url(../other/iconfont.ttf?t=1512615324061) format('truetype'), url(../other/iconfont.svg?t=1512615324061#iconfont) format('svg') }
.iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-shouye { padding-left: 33px }
.icon-shouye:before { content: "\e6bc"; position: absolute; left: 26px; top: -2px; font-size: 26px }
.loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/logo.png) no-repeat center #fff; z-index: 10 }
.banner-wp { width: 100%; height: 100%; position: relative }
.banner-wp .bd { width: 100%; height: 100%; z-index: 0; overflow: hidden }
.banner-wp .bd .tempWrap { height: 100% }
.banner-wp .bd ul { width: 100%; height: 100% }
.banner-wp .bd ul li { width: 100%; height: 100% }
.banner-wp .bd ul li a { width: 100%; height: 100%; display: block; overflow: hidden }
.banner-wp .bd ul li a img { width: 100%; display: block }
.banner-wp .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center }
.banner-wp .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 48px; height: 5px; margin: 4px; background: #a0a0a0; overflow: hidden; line-height: 9999px }
.banner-wp .hd ul li.on { background-color: #024c97 }
.banner-wp .next, .banner-wp .prev { width: 30px; height: 60px; position: absolute; top: 40%; background: #5dc1ff; opacity: .4 }
.banner-wp .next:hover, .banner-wp .prev:hover { opacity: 1 }
.banner-wp .prev { left: 0 }
.banner-wp .prev .arr-left { display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-right: 7px solid #fff; border-bottom: 5px solid transparent; position: absolute; top: 50%; margin-top: -5px; left: 3px }
.banner-wp .prev .rec-left { display: inline-block; height: 3px; width: 15px; background: #fff; position: absolute; top: 50%; left: 10px; margin-top: -1.5px }
.banner-wp .next { right: 0 }
.banner-wp .next .arr-right { display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-left: 7px solid #fff; border-bottom: 5px solid transparent; position: absolute; top: 50%; margin-top: -5px; right: 3px }
.banner-wp .next .rec-right { display: inline-block; height: 3px; width: 15px; background: #fff; position: absolute; top: 50%; right: 10px; margin-top: -1.5px }
.module-top { width: 1200px; margin: 0 auto; height: 40px; overflow: hidden }
.module-top .welcome { color: #8e8e8e; font-size: 13px; line-height: 40px; height: 40px; float: left }
.module-top .top-links { float: right; height: 40px }
.module-top .top-links .link { padding-left: 30px; color: #8e8e8e; font-size: 13px; height: 40px; display: inline-block; line-height: 40px; margin-left: 20px }
.module-top .top-links .link:nth-child(1) { background: url(../images/top-icon.png) no-repeat left }
.module-top .top-links .link:nth-child(2) { background: url(../images/top-icon.png) no-repeat -103px }
.module-top-contact { background: url(../images/top-contact.jpg) no-repeat center; height: 155px }
.module-top-contact .top-phone { width: 1200px; margin: 0 auto; height: 155px; overflow: hidden; position: relative }
.module-top-contact .top-phone .num { font-size: 32px; color: #ffcc08; position: absolute; right: 15px; top: 62px; font-family: Impact }
.module-right { position: fixed; background: url(../images/right-kefu.jpg) no-repeat; width: 27px; height: 183px; z-index: 1; right: 0 }
.module-right .link { display: block; color: #fff; font-size: 12px; width: 15px; margin: 34px auto 0; text-align: center }
.module-nav { background-color: #3a3a3a; height: 50px }
.module-nav .btn-list { width: 1200px; height: 50px; margin: 0 auto; overflow: hidden }
.module-nav .btn-list li { float: left; height: 50px; width: 150px; position: relative }
.module-nav .btn-list li .btn { font-size: 17px; color: #fff; box-sizing: border-box; text-align: center; display: block; line-height: 50px }
.module-nav .btn-list li i { display: block; position: absolute; width: 1px; height: 14px; background-color: #a0a0a0; right: 0; top: 50%; margin-top: -7px }
.module-nav .btn-list li:hover { background-color: #024c97 }
.module-nav .btn-list .btn-hover { background-color: #024c97 }
.homepage-title { height: 82px }
.homepage-brand { height: 685px; padding-top: 60px; border-bottom: 1px solid #b5b5b5 }
.homepage-brand .homepage-title { background: url(../images/homepage-titlebg1.png) no-repeat center }
.homepage-brand .txt { font-size: 17px; text-align: center; margin: 17px 0 20px }
.homepage-brand .more-pro { background: url(../images/brand-bg.jpg) no-repeat center; background-size: auto 100%; height: 474px; margin: 0 auto }
.homepage-brand .more-pro .img { width: 850px; height: 430px; display: block; text-align: center; margin: 0 auto; overflow: hidden; padding-top: 13px }
.homepage-brand .more-pro .img img { display: block; text-align: center; width: 100%; max-height: 100% }
.homepage-brand .more-pro .more { font-size: 13px; text-align: center; margin-top: 5px; display: block }
.homepage-brand .more-pro .more:hover { color: #024c97 }
.homepage-tabimg { padding-top: 54px }
.homepage-tabimg .homepage-title { background: url(../images/homepage-titlebg2.png) no-repeat center }
.homepage-tabimg .tab-nav { text-align: center; width: 694px; margin: 0 auto; margin-top: 45px; position: relative; height: 116px }
.homepage-tabimg .tab-nav .btn { width: 136px; height: 113px; background-color: #e0e0e0; display: inline-block; position: absolute; cursor: pointer }
.homepage-tabimg .tab-nav .btn .chi { font-size: 17px; text-align: center; margin: 22px 0 5px }
.homepage-tabimg .tab-nav .btn .eng { font-size: 12px; text-align: center; font-weight: 200 }
.homepage-tabimg .tab-nav .btn:before { content: ""; position: absolute;/*bottom:22px;*/ bottom: 12px; border-left: 10px solid transparent; border-top: 10px solid #ededed; border-right: 10px solid transparent; left: 50%; margin-left: -5px }
.homepage-tabimg .tab-nav .btn:first-child { margin-left: 0; left: 0 }
.homepage-tabimg .tab-nav .btn:nth-child(2) { left: 186px }
.homepage-tabimg .tab-nav .btn:nth-child(3) { left: 372px }
.homepage-tabimg .tab-nav .btn:nth-child(4) { left: 558px }
.homepage-tabimg .tab-nav .btn-activity { background-color: #024c97; z-index: 2 }
.homepage-tabimg .tab-nav .btn-activity .chi { color: #fff }
.homepage-tabimg .tab-nav .btn-activity .eng { color: #fff }
.homepage-tabimg .content { height: 595px }
.homepage-tabimg .content .btn-content { width: 100%; overflow: hidden; position: relative; top: -36px }
.homepage-tabimg .content .btn-content li { position: relative; left: 50%; margin-left: -960px; display: none }
.homepage-tabimg .content .btn-content .li-activity { display: block }
.homepage-product { width: 1286px; margin: 0 auto; padding-top: 44px; position: relative; padding-bottom: 70px }
.homepage-product .homepage-title { background: url(../images/homepage-titlebg3.png) no-repeat center }
.homepage-product .img-list { margin-top: 55px; width: 1215px; margin: 0 auto; padding-top: 50px }
.homepage-product .img-list ul { overflow: hidden }
.homepage-product .img-list ul li { float: left; margin:  0 7.5px }
.homepage-product .img-list ul li a { display: block }
.homepage-product .img-list ul li a .img { width: 290px; box-sizing: border-box; border: 1px solid #949494; padding: 10px; overflow: hidden }
.homepage-product .img-list ul li a .img img { width: 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.homepage-product .img-list ul li a .title { font-size: 14px; text-align: center; color: #434343; margin: 20px 0 }
.homepage-product .img-list ul li a:hover .img img { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.homepage-product .img-list ul li a:hover .title { color: #024c97 }
.homepage-product .img-list .arrow a { width: 29px; height: 48px; position: absolute; top: 50%; margin-top: 12px }
.homepage-product .img-list .arrow .prev { background: url(../images/tab-left.png) no-repeat; left: 0 }
.homepage-product .img-list .arrow .next { background: url(../images/tab-right.png) no-repeat; right: 0 }
.good-bar { width: 100%; overflow: hidden }
.good-bar img { position: relative; left: 50%; margin-left: -960px }
.homepage-advan {background: url(../images/ys.jpg) repeat center;/* height: 932px; */padding-top: 86px;box-sizing: border-box;overflow:  hidden;padding-bottom:  60px;}
.homepage-advan .homepage-title { background: url(../images/homepage-titlebg4.png) no-repeat center }
.homepage-advan .content { overflow: hidden; width: 1200px; margin: 0 auto; padding-top: 50px }
.homepage-advan .content .big-img-list { float: left; width: 755px }
.homepage-advan .content .big-img-list .bigimg { width: 755px; height: 598px; overflow: hidden; display: none }
.homepage-advan .content .big-img-list .bigimg img { width: 100% }
.homepage-advan .content .big-img-list .bigimg-show { display: block }
.homepage-advan .content .icon-img-list { float: left; width: 126px; box-sizing: border-box; padding-top: 23px; background-color: #939393; height: 598px }
.homepage-advan .content .icon-img-list .icon { width: 126px; height: 123px; text-align: center; position: relative }
.homepage-advan .content .icon-img-list .icon img { display: block; text-align: center; width: 100%; position: absolute }
.homepage-advan .content .icon-img-list .icon:after { content: ""; position: absolute; width: 98px; height: 1px; background-color: #c5c5c5; left: 50%; margin-left: -49px; bottom: 1px }
.homepage-advan .content .icon-img-list .icon:nth-child(4):after { content: ""; background-color: rgba(147, 147, 147, 0) }
.homepage-advan .content .icon-img-list .icon-show:before { content: ""; position: absolute; left: 0; top: -2px; background: url(../images/show-activity.png) no-repeat; width: 145px; height: 126px }
.homepage-advan .content .icon-img-list .icon-show:after { content: ""; background-color: #6e6e6e }
.homepage-advan .content .cont-img-list { float: right }
.homepage-advan .content .cont-img-list .contimg { width: 291px; height: 601px; overflow: hidden; display: none }
.homepage-advan .content .cont-img-list .contimg img { width: 100% }
.homepage-advan .content .cont-img-list .cont-show { display: block }
.homepage-iclist1 { width: 1200px; margin: 0 auto; padding-top: 80px }
.homepage-iclist1 .homepage-title { background: url(../images/homepage-titlebg5.png) no-repeat center; margin-bottom: 50px }
.homepage-iclist1 .list { overflow: hidden }
.homepage-iclist1 .list li { width: 300px; height: 168px; float: left; padding-top: 60px; padding-left: 140px; box-sizing: border-box }
.homepage-iclist1 .list li span { font-size: 17px; color: #363636; display: block }
.homepage-iclist1 .list li:hover { background-color: #024c97 }
.homepage-iclist1 .list li:hover span { color: #fff }
.homepage-iclist1 .list li:nth-child(1) { background: url(../images/homepage-ict-icon1.png) no-repeat 80px center #d9d9d9 }
.homepage-iclist1 .list li:nth-child(2) { background: url(../images/homepage-ict-icon2.png) no-repeat 80px center #eaeaea }
.homepage-iclist1 .list li:nth-child(3) { background: url(../images/homepage-ict-icon3.png) no-repeat 80px center #d9d9d9 }
.homepage-iclist1 .list li:nth-child(4) { background: url(../images/homepage-ict-icon4.png) no-repeat 80px center #eaeaea }
.homepage-iclist1 .list li:nth-child(5) { background: url(../images/homepage-ict-icon5.png) no-repeat 80px center #eaeaea }
.homepage-iclist1 .list li:nth-child(6) { background: url(../images/homepage-ict-icon6.png) no-repeat 80px center #d9d9d9 }
.homepage-iclist1 .list li:nth-child(7) { background: url(../images/homepage-ict-icon7.png) no-repeat 80px center #eaeaea }
.homepage-iclist1 .list li:nth-child(8) { background: url(../images/homepage-ict-icon8.png) no-repeat 80px center #d9d9d9 }
.homepage-iclist1 .list li:nth-child(1):hover { background: url(../images/homepage-icthover-icon1.png) no-repeat 80px center #024c97 }
.homepage-iclist1 .list li:nth-child(2):hover { background: url(../images/homepage-icthover-icon2.png) no-repeat 80px center #024c97 }
.homepage-iclist1 .list li:nth-child(3):hover { background: url(../images/homepage-icthover-icon3.png) no-repeat 80px center #024c97 }
.homepage-iclist1 .list li:nth-child(4):hover { background: url(../images/homepage-icthover-icon4.png) no-repeat 80px center #024c97 }
.homepage-iclist1 .list li:nth-child(5):hover { background: url(../images/homepage-icthover-icon5.png) no-repeat 80px center #024c97 }
.homepage-iclist1 .list li:nth-child(6):hover { background: url(../images/homepage-icthover-icon6.png) no-repeat 80px center #024c97 }
.homepage-iclist1 .list li:nth-child(7):hover { background: url(../images/homepage-icthover-icon7.png) no-repeat 80px center #024c97 }
.homepage-iclist1 .list li:nth-child(8):hover { background: url(../images/homepage-icthover-icon8.png) no-repeat 80px center #024c97 }
.homepage-iclist2 {margin: 0 auto;padding-top: 80px;padding-bottom: 60px;border-bottom: 1px solid #a0a0a0;/* background: url(http://542x662375.bcc.eiewz.cn/uploadfile/201812/201812211711434774060.jpg); */background: url(../images/ysbg.jpg) no-repeat fixed center center;background-size: initial;}
.homepage-iclist2 .homepage-title { background: url(../images/homepage-titlebg6.png) no-repeat center; margin-bottom: 50px }
.homepage-iclist2 .bottom-listarr {height: 200px;width: 1190px;margin: 0 auto;/* background: url(../images/bottom-arr.png) no-repeat center */}
.homepage-iclist2 .bottom-listarr .list-arr { position: relative }
.homepage-iclist2 .bottom-listarr .list-arr li {width: 189px;height: 189px;top: 0;z-index: -1;background-color: rgba(228, 228, 228, 0.3);border-radius: 100%;float: left;cursor: pointer;}
.homepage-iclist2 .bottom-listarr .list-arr li:nth-child(2) { margin-left: 60px }
.homepage-iclist2 .bottom-listarr .list-arr li:nth-child(3) { margin-left: 60px }
.homepage-iclist2 .bottom-listarr .list-arr li:nth-child(4) { margin-left: 60px }
.homepage-iclist2 .bottom-listarr .list-arr li:nth-child(5) { margin-left: 60px }
.homepage-iclist2 .bottom-listarr .list-arr .arr-activity .arr { background-color: #024c97; color: #fff }
.homepage-iclist2 .bottom-listarr .list-arr .arr {width: 175px;height: 175px;border: 2px solid #cacaca;border-radius: 100%;background-color: rgba(255, 255, 255, 0.81);font-size: 22px;text-align: center;line-height: 175px;margin: 5px auto;}
.homepage-iclist3 { padding-top: 76px; border-bottom: 1px solid #a0a0a0; padding-bottom: 60px; overflow: hidden }
.homepage-iclist3 .homepage-title { background: url(../images/homepage-titlebg7.png) no-repeat center }
.homepage-iclist3 .desc { font-size: 17px; text-align: center; margin: 12px 0 33px }
.homepage-iclist3 .swiper-container { overflow: initial }
.homepage-iclist3 .iclist-img { position: relative; margin: 50px 0 }
.homepage-iclist3 .iclist-img .img-list li { float: left; width: 33.333%; position: relative }
.homepage-iclist3 .iclist-img .img-list li img { width: 100%; display: block; transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.homepage-iclist3 .iclist-img .img-list .swiper-slide-next img { position: absolute; transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; z-index: 2 }
.homepage-iclist3 .iclist-img .img-list .swiper-slide-next:after { content: ""; background-color: rgba(0, 0, 0, 0); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.homepage-iclist3 .iclist-img .img-list li:after { content: ""; position: absolute; left: 0; background-color: rgba(0, 0, 0, .5); top: 0; width: 100%; height: 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.homepage-iclist3 .iclist-img .swiper-button-prev { background: url(../images/swiper-left.png) no-repeat; width: 43px; height: 85px; background-size: 100% 100%; left: 50%; margin-left: -500px }
.homepage-iclist3 .iclist-img .swiper-button-next { background: url(../images/swiper-right.png) no-repeat; width: 43px; height: 85px; background-size: 100% 100%; right: 50%; margin-right: -500px }

/*首页新闻*/
.homepage-news { width: 1200px; margin: 0 auto; padding-top: 74px; padding-bottom: 54px }
.homepage-news .homepage-title { background: url(../images/homepage-titlebg8.png) no-repeat center; margin-bottom: 46px }
.homepage-news .newslist { overflow: hidden }
.homepage-news .newslist li { float: left; width: 382px; border-bottom: 5px solid #024c97; margin-left: 27px; position: relative }
.homepage-news .newslist li .for-link { width: 126px; height: 98px; box-sizing: border-box; padding: 4px; display: block; position: absolute; top: 130px; left: 50%; margin-left: -63px }
.homepage-news .newslist li .for-link .text { padding-top: 53px; box-sizing: border-box; height: 100%; text-align: center; color: #fff }
.homepage-news .newslist li .for-link:before { content: ""; position: absolute; box-sizing: border-box; width: 126px; height: 64px; border: 1px solid #fff; top: 0; left: -1px; border-bottom: none }
.homepage-news .newslist li .for-link:after { content: ""; position: absolute; box-sizing: border-box; width: 126px; height: 34px; border: 1px solid #024c97; bottom: 0; left: -1px; border-top: none }
.homepage-news .newslist li .img { width: 382px; height: 194px; overflow: hidden; margin-bottom: 20px }
.homepage-news .newslist li .img img { width: 100% }
.homepage-news .newslist li .content-list { padding: 0 32px; box-sizing: border-box }
.homepage-news .newslist li .content-list .title { font-size: 17px; color: #444; font-weight: 700; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.homepage-news .newslist li .content-list .desc { font-size: 13px; color: #444; padding-bottom: 28px; border-bottom: 1px solid #a3a3a3; margin-top: 18px }
.homepage-news .newslist li .content-list .desc .link { color: #024c97; font-size: 14px }
.homepage-news .newslist li .content-list .relok-link { padding: 10px 0 }
.homepage-news .newslist li .content-list .relok-link .link { display: block; font-size: 14px; color: #414141; padding-left: 12px; position: relative; margin: 10px 0 }
.homepage-news .newslist li .content-list .relok-link .link:hover { color: #024c97 }
.homepage-news .newslist li .content-list .relok-link .link:before { content: ""; position: absolute; width: 7px; height: 7px; background-color: #414141; border-radius: 100%; left: 0; top: 50%; margin-top: -3px }
.homepage-news .newslist li:first-child { margin-left: 0 }
.homepage-news .newslist li:hover .content-list .title { color: #024c97 }
.homepage-news .newslist li:nth-child(1) .for-link .text { background: url(../images/homepage-news-icon1.png) no-repeat center 10px #024c97 }
.homepage-news .newslist li:nth-child(2) .for-link .text { background: url(../images/homepage-news-icon2.png) no-repeat center 10px #024c97 }
.homepage-news .newslist li:nth-child(3) .for-link .text { background: url(../images/homepage-news-icon3.png) no-repeat center 10px #024c97 }

/*首页新闻end*/
.homepage-goin { width: 1200px; margin: 0 auto; padding-top: 90px; padding-bottom: 113px }
.homepage-goin .homepage-title { background: url(../images/homepage-titlebg9.png) no-repeat center; margin-bottom: 60px }
.homepage-goin .content { overflow: hidden }
.homepage-goin .content .left-text { float: left; width: 565px }
.homepage-goin .content .left-text .title { font-size: 25px; color: #262626; margin-bottom: 34px }
.homepage-goin .content .left-text .bar { display: block; width: 37px; height: 1px; background-color: #024c97; margin-bottom: 36px }
.homepage-goin .content .left-text .desc { font-size: 13px; color: #262626; text-indent: 2em; line-height: 26px }
.homepage-goin .content .left-text .link { display: block; background-color: #024c97; color: #fff; width: 128px; height: 30px; text-align: center; padding-right: 27px; box-sizing: border-box; position: relative; line-height: 30px; border-radius: 20px; margin: 32px 0 60px }
.homepage-goin .content .left-text .link:after { content: "+"; font-size: 22px; width: 23px; height: 23px; border-radius: 100%; background-color: #fff; color: #024c97; text-align: center; line-height: 23px; position: absolute; right: 5px; top: 50%; margin-top: -11.5px; display: block }
.homepage-goin .content .left-text .list-icon { overflow: hidden }
.homepage-goin .content .left-text .list-icon li { width: 130px; height: 113px; border: 1px solid #999; text-align: center; padding-top: 75px; box-sizing: border-box; float: left; margin-left: 15px; cursor: pointer }
.homepage-goin .content .left-text .list-icon li p { font-size: 14px; text-align: center }
.homepage-goin .content .left-text .list-icon li:first-child { margin-left: 0 }
.homepage-goin .content .left-text .list-icon li:nth-child(1) { background: url(../images/goin-icon1.png) no-repeat center 30px }
.homepage-goin .content .left-text .list-icon li:nth-child(2) { background: url(../images/goin-icon2.png) no-repeat center 30px }
.homepage-goin .content .left-text .list-icon li:nth-child(3) { background: url(../images/goin-icon3.png) no-repeat center 30px }
.homepage-goin .content .left-text .list-icon li:nth-child(4) { background: url(../images/goin-icon4.png) no-repeat center 30px }
.homepage-goin .content .left-text .list-icon li:nth-child(1):hover { background: url(../images/goin-hover-icon1.png) no-repeat center 30px; background-color: #024c97 }
.homepage-goin .content .left-text .list-icon li:nth-child(1):hover p { color: #fff }
.homepage-goin .content .left-text .list-icon li:nth-child(2):hover { background: url(../images/goin-hover-icon2.png) no-repeat center 30px; background-color: #024c97 }
.homepage-goin .content .left-text .list-icon li:nth-child(2):hover p { color: #fff }
.homepage-goin .content .left-text .list-icon li:nth-child(3):hover { background: url(../images/goin-hover-icon3.png) no-repeat center 30px; background-color: #024c97 }
.homepage-goin .content .left-text .list-icon li:nth-child(3):hover p { color: #fff }
.homepage-goin .content .left-text .list-icon li:nth-child(4):hover { background: url(../images/goin-hover-icon4.png) no-repeat center 30px; background-color: #024c97 }
.homepage-goin .content .left-text .list-icon li:nth-child(4):hover p { color: #fff }
.homepage-goin .content .right-img { float: right }
.homepage-goin .content .right-img .img { width: 527px; height: 431px; position: relative; padding-right: 18px }
.homepage-goin .content .right-img .img img { width: 100%; margin-top: 25px }
.homepage-goin .content .right-img .img:before {content: "";position: absolute;/*width:400px;*/width: 528px;height: 480px;display: block;/* right: 0; */z-index: -1;background-color: #024c97;}
.module-inside-banner { width: 100%; overflow: hidden }
.module-inside-banner img { position: relative; left: 50%; margin-left: -960px }
.search-box { background-color: #3a3a3a; width: 100%; height: 76px }
.search-box .search { width: 1200px; height: 76px; overflow: hidden; margin: 0 auto }
.search-box .search .hotkey { float: left; height: 76px; line-height: 76px; color: #adadad; font-size: 14px }
.search-box .search .search-key { float: right; height: 30px; width: 390px; border: 1px solid #8f8f8f; box-sizing: border-box; overflow: hidden; margin-top: 23px }
.search-box .search .search-key .ipt-txt { font-size: 13px; color: #b3b3b3; float: left; border: none; background: no-repeat; width: 312px; height: 28px; outline: 0; border-right: 1px solid; padding-left: 10px; box-sizing: border-box }
.search-box .search .search-key .ipt-btn { background: url(../images/search-btnbg.png) no-repeat center; border: none; display: block; float: left; width: 73px; height: 28px; outline: 0; cursor: pointer }
.page-product { padding-bottom: 100px }
.page-product .intro-btn-list {/*width:1255px*/ width: 1200px }
.page-product .intro-btn-list .link {/*margin:10px 27.5px*/ margin: 3px 6px; }
.page-product .intro-btn-list .link:first-child {/*margin-left:27.5px*/ margin-left: 6px }
.page-product .product-content {/*width:1260px;*/   width: 1200px; margin: 0 auto; padding-top: 40px }
.page-product .product-content .custom-list { overflow: hidden; margin-bottom: 30px }
.page-product .product-content .custom-list li { float: left; /*margin:0 30px 10px*/ margin: 0 20px 10px }
.page-product .product-content .custom-list li .link { display: block }
.page-product .product-content .custom-list li .link .img { width: 360px;/*height:225px;*/ height: 274px; overflow: hidden }
.page-product .product-content .custom-list li .link .img img { width: 100%; height: 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.page-product .product-content .custom-list li .link .title { font-size: 15px; text-align: center; padding: 15px 0 }
.page-product .product-content .custom-list li .link:hover .img img { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.page-product .product-content .custom-list li .link:hover .title { color: #024c97 }
.show-product { width: 1200px; margin: 0 auto; padding-bottom: 100px }
.show-product .product-content { margin-top: 20px }
.show-product .product-content .description { overflow: hidden }
.show-product .product-content .description .img { width: 680px;/*height:480px;*/ float: left }
.show-product .product-content .description .img img { width: 100% }
.show-product .product-content .description .text { float: left; margin-left: 32px; width: 488px }
.show-product .product-content .description .text .title { font-size: 24px; color: #303030 }
.show-product .product-content .description .text .desc { font-size: 14px; color: #303030; line-height: 34px }
.show-product .product-content .description .text .sever { padding-left: 50px; background: url(../images/phone-icon.png) no-repeat 0; margin-top: 55px }
.show-product .product-content .description .text .sever .s-title { font-size: 14px; display: block }
.show-product .product-content .description .text .sever .phone-num { font-size: 21px; display: block }
.show-product .product-content .details-title { margin: 50px 0 }
.show-product .product-content .details-title .eng { font-size: 37px; color: #9d9d9d; text-align: center; font-weight: 200 }
.show-product .product-content .details-title .zhcn { font-size: 25px; color: #ffbb17; text-align: center; position: relative }
.show-product .product-content .details-title .zhcn:before { content: ""; position: absolute; width: 502px; height: 1px; background-color: #9b9b9b; left: 0; top: 50% }
.show-product .product-content .details-title .zhcn:after { content: ""; position: absolute; width: 502px; height: 1px; background-color: #9b9b9b; right: 0; top: 50% }
.page-join { width: 1200px; margin: 0 auto; padding-bottom: 100px; padding-top: 52px }
.page-join .join-content .title1 { background: url(../images/jion-title.png) no-repeat center; width: 100%; height: 86px; padding-top: 20px }
.page-join .join-content .title2 { background: url(../images/join-title2.png) no-repeat center; width: 100%; height: 86px; margin-bottom: 40px }
.page-join .join-content .pmn_cont { overflow: hidden; padding: 0 27px }
.page-join .join-content .pmn_cont li { float: left; height: 309px; width: 171px; border-radius: 8px; padding: 30px 22px; margin: 28px 35px; cursor: pointer }
.page-join .join-content .pmn_cont li span { display: block; color: #000 }
.page-join .join-content .pmn_cont li .pmn_pic { height: 108px; width: 176px }
.page-join .join-content .pmn_cont li .pmn_pic img { width: 100% }
.page-join .join-content .pmn_cont li .pmn_pic .jinliansheng { margin-top: 42px }
.page-join .join-content .pmn_cont li .pmn_tie { font-size: 16px; margin: 24px 0 22px; text-align: center; font-weight: 700 }
.page-join .join-content .pmn_cont li .pmn_desc { font-size: 14px }
.page-join .join-content .pmn_cont .li-activity { background: #024c97 }
.page-join .join-content .pmn_cont .li-activity span { color: #fff }
.page-join .join-content .bottom-listarr { height: 200px; width: 1190px; margin: 0 auto; background: url(../images/bottom-arr.png) no-repeat center }
.page-join .join-content .bottom-listarr .list-arr { position: relative }
.page-join .join-content .bottom-listarr .list-arr li { width: 189px; height: 189px; top: 0; z-index: -1; background-color: #e4e4e4; border-radius: 100%; float: left; cursor: pointer }
.page-join .join-content .bottom-listarr .list-arr li:nth-child(2) { margin-left: 60px }
.page-join .join-content .bottom-listarr .list-arr li:nth-child(3) { margin-left: 60px }
.page-join .join-content .bottom-listarr .list-arr li:nth-child(4) { margin-left: 60px }
.page-join .join-content .bottom-listarr .list-arr li:nth-child(5) { margin-left: 60px }
.page-join .join-content .bottom-listarr .list-arr .arr-activity .arr { background-color: #024c97; color: #fff }
.page-join .join-content .bottom-listarr .list-arr .arr { width: 175px; height: 175px; border: 2px solid #cacaca; border-radius: 100%; background-color: #fff; font-size: 18px; text-align: center; line-height: 175px; margin: 5px auto }
.page-news { width: 1200px; margin: 0 auto; padding-bottom: 100px }
.page-news .news-content .list-link { overflow: hidden; padding: 25px 0 38px }
.page-news .news-content .list-link li { border-bottom: 1px dashed #b7b7b7; overflow: hidden; padding: 25px 0 }
.page-news .news-content .list-link li .left-img { float: left; width: 240px; height: 150px }
.page-news .news-content .list-link li .left-img img { width: 100% }
.page-news .news-content .list-link li .right-text { float: left; width: 828px; margin-left: 28px }
.page-news .news-content .list-link li .right-text .title { font-size: 18px; color: #323232; margin-top: 15px; margin-bottom: 8px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.page-news .news-content .list-link li .right-text .title span { color: #024c97; font-size: 18px; margin-right: 5px }
.page-news .news-content .list-link li .right-text .title:hover { color: #024c97 }
.page-news .news-content .list-link li .right-text .time { font-size: 14px; color: #024c97; margin-bottom: 8px }
.page-news .news-content .list-link li .right-text .desc { font-size: 14px; color: #878787 }
.page-news .news-content .list-link li .see-details { display: block; font-size: 14px; color: #fff; background-color: #999; float: right; width: 70px; height: 25px; margin-top: 75px; text-align: center; line-height: 25px }
.page-news .news-content .list-link li .see-details:hover { background-color: #024c97 }
.page-news .news-content .list-link li:hover { background-color: rgba(135, 135, 135, .05) }
.details-news { width: 1200px; margin: 0 auto; padding-bottom: 100px }
.details-news .details-news-content { overflow: hidden }
.details-news .details-news-content .left-content { width: 916px; float: left }
.details-news .details-news-content .left-content .title { font-size: 18px; color: #6e6b6b; text-align: center; padding: 30px 0 }
.details-news .details-news-content .left-content .article { overflow: hidden; padding: 20px 0; border-bottom: 1px dashed #7c7c7c }
.details-news .details-news-content .left-content .article .text { display: inline-block; margin-right: 15px; font-size: 14px; color: #6c6c6c }
.details-news .details-news-content .left-content .article .text a { font-size: 14px; color: #6c6c6c }
.details-news .details-news-content .left-content .article .back { float: right; font-size: 14px; color: #6c6c6c; background: url(../images/history-back.png) no-repeat right; padding: 5px 30px 5px 0; position: relative; top: -5px }
.details-news .details-news-content .left-content .content { margin-top: 20px }
.details-news .details-news-content .right-list { width: 234px; float: right }
.details-news .details-news-content .right-list .recom-list { width: 234px; border: 1px solid #024c97; box-sizing: border-box; margin-bottom: 44px }
.details-news .details-news-content .right-list .recom-list .title { background-color: #024c97; text-align: center; height: 55px; line-height: 55px; font-size: 14px; color: #fff }
.details-news .details-news-content .right-list .recom-list .link { display: block; width: 202px; margin: 0 auto; padding: 13px 0; border-top: 1px dashed #a4a4a4; padding-left: 20px; box-sizing: border-box; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.details-news .details-news-content .right-list .recom-list .link:before { content: ""; width: 5px; height: 5px; position: absolute; display: block; background-color: #373737; border-radius: 100%; left: 7px; top: 50%; margin-top: 0 }
.details-news .details-news-content .right-list .recom-list .link:nth-child(2) { border: none }
.details-news .details-news-content .right-list .recom-list .link:hover { color: #024c97 }
.page-custom { padding-bottom: 100px }
.page-custom .custom-content { width: 1260px; margin: 0 auto; padding-top: 40px }
.page-custom .custom-content .custom-list { overflow: hidden; margin-bottom: 30px }
.page-custom .custom-content .custom-list li { float: left; margin: 0 30px 10px }
.page-custom .custom-content .custom-list li .link { display: block }
.page-custom .custom-content .custom-list li .link .img { width: 360px; height: 225px; overflow: hidden }
.page-custom .custom-content .custom-list li .link .img img { width: 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.page-custom .custom-content .custom-list li .link .title { font-size: 15px; text-align: center; padding: 15px 0 }
.page-custom .custom-content .custom-list li .link:hover .img img { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s }
.page-custom .custom-content .custom-list li .link:hover .title { color: #024c97 }
.show-custom { width: 1200px; margin: 0 auto; padding-bottom: 100px }
.show-custom .content { margin-top: 50px }
.intro-btn-list { width: 1200px; margin: 0 auto; overflow: hidden; /*padding:30px 0 64px */ padding: 30px 0 20px }
.intro-btn-list .link { display: block; float: left; width: 180px;/*height:52px; line-height:52px; */ height: 40px; line-height: 40px; color: #434343; background-color: #e5e5e5; margin-left: 55px; text-align: center; }
.intro-btn-list .link:first-child { margin-left: 0 }
.intro-btn-list .link:hover { background-color: #024c97; color: #fff }
.intro-btn-list .link-activity { background-color: #024c97; color: #fff }
.module-brand { width: 1200px; margin: 0 auto; border-bottom: 1px solid #9f9fa0 }
.module-brand a, .module-brand span { font-size: 14px }
.module-brand a:hover { color: #024c97 }
.module-title { color: #6e6b6b; font-size: 23px; border-left: 5px solid #024c97; width: 1200px; box-sizing: border-box; margin: 44px auto 0; padding-left: 5px }
.page-introduction { width: 1200px; padding-bottom: 100px; margin: 0 auto }
.page-introduction .module-title { display: block; margin: 44px auto }
.page-aboutus { width: 1200px; padding-bottom: 100px; margin: 0 auto; padding-top: 50px }
.page-aboutus .module-title { display: block; margin: 44px auto }
.page-contact { width: 1200px; margin: 0 auto; padding-bottom: 138px }
.page-contact .introd-content { position: relative }
.page-contact .introd-content .contact-info { display: inline-block; overflow: hidden; width: 375px; padding-left: 10px; box-sizing: border-box }
.page-contact .introd-content .contact-info .text-list { border-bottom: 5px solid #c8c8c8; margin-top: 25px; padding-bottom: 25px }
.page-contact .introd-content .contact-info .text-list .text { font-size: 13px; color: #6c696a; line-height: 26px }
.page-contact .introd-content .contact-info .code-img { margin-top: 30px; overflow: hidden }
.page-contact .introd-content .contact-info .code-img .code { float: left; width: 110px; margin-right: 20px }
.page-contact .introd-content .contact-info .code-img .code img { width: 110px; height: 110px }
.page-contact .introd-content .contact-info .code-img .code p { text-align: center; font-size: 13px; color: #6e6b6b }
.page-contact .introd-content .map-baidu { display: inline-block; width: 760px; height: 338px; position: absolute; right: 0; top: -30px }
.page-message { width: 1200px; margin: 0 auto; padding-bottom: 138px }
.page-message .introd-content { position: relative }
.page-message .introd-content .contact-info { display: inline-block; overflow: hidden; width: 375px; padding-left: 10px; box-sizing: border-box }
.page-message .introd-content .contact-info .text-list { border-bottom: 5px solid #c8c8c8; margin-top: 25px; padding-bottom: 25px }
.page-message .introd-content .contact-info .text-list .text { font-size: 13px; color: #6c696a; line-height: 26px }
.page-message .introd-content .contact-info .code-img { margin-top: 30px; overflow: hidden }
.page-message .introd-content .contact-info .code-img .code { float: left; width: 110px; margin-right: 20px }
.page-message .introd-content .contact-info .code-img .code img { width: 110px; height: 110px }
.page-message .introd-content .contact-info .code-img .code p { text-align: center; font-size: 13px; color: #6e6b6b }
.page-message .introd-content .message { display: inline-block; width: 760px; height: 338px; }
.page-message .introd-content .message .ipt { width: 240px; height: 40px; border: 1px solid #9f9fa0; padding-left: 5px; font-size: 14px; margin-left: 15px; box-sizing: border-box }
.page-message .introd-content .message .ipt:first-child { margin-left: 0 }
.page-message .introd-content .message textarea { width: 754px; height: 175px; margin-top: 30px; resize: none; font-size: 14px }
.page-message .introd-content .message .message-btn { margin-top: 30px; text-align: center }
.page-message .introd-content .message .btn { width: 100px; height: 40px; display: inline-block; margin: 0 10px; border: none; border-radius: 35px; font-size: 14px; color: #fff; cursor: pointer; outline: 0 }
.page-message .introd-content .message .subtn { background-color: #024c97 }
.page-message .introd-content .message .reset { background-color: #434343 }
.page-friend-link { width: 1200px; margin: 0 auto; padding-bottom: 138px; padding-top: 50px }
.page-friend-link .module-brand-friend { font-size: 14px; color: #024c97; border-bottom: 1px solid #9f9fa0; padding: 24px 0; display: block }
.page-friend-link .friend-message { overflow: hidden }
.page-friend-link .friend-message .contact-info { display: inline-block; overflow: hidden; width: 375px; padding-left: 10px; box-sizing: border-box }
.page-friend-link .friend-message .contact-info .text-list { border-bottom: 5px solid #c8c8c8; margin-top: 25px; padding-bottom: 25px }
.page-friend-link .friend-message .contact-info .text-list .text { font-size: 13px; color: #6c696a; line-height: 26px }
.page-friend-link .friend-message .contact-info .code-img { margin-top: 30px; overflow: hidden }
.page-friend-link .friend-message .contact-info .code-img .code { float: left; width: 110px; margin-right: 20px }
.page-friend-link .friend-message .contact-info .code-img .code img { width: 110px; height: 110px }
.page-friend-link .friend-message .contact-info .code-img .code p { text-align: center; font-size: 13px; color: #6e6b6b }
.page-friend-link .friend-message .message { float: right; width: 760px; position: relative }
.page-friend-link .friend-message .message .ipt { width: 240px; height: 40px; border: 1px solid #9f9fa0; padding-left: 5px; font-size: 14px; margin-left: 15px; box-sizing: border-box; margin-bottom: 20px }
.page-friend-link .friend-message .message .must { position: absolute; color: #024c97 }
.page-friend-link .friend-message .message .must:nth-child(2) { left: 220px; top: 10px }
.page-friend-link .friend-message .message .must:nth-child(4) { left: 480px; top: 10px }
.page-friend-link .friend-message .message .iptx { width: 240px; height: 40px; border: 1px solid #9f9fa0; padding-left: 5px; font-size: 14px; margin-right: 15px; box-sizing: border-box }
.page-friend-link .friend-message .message .ipt:first-child { margin-left: 0 }
.page-friend-link .friend-message .message textarea { width: 754px; height: 175px; margin-top: 20px; resize: none; font-size: 14px }
.page-friend-link .friend-message .message .message-btn { margin-top: 20px; text-align: center }
.page-friend-link .friend-message .message .btn { width: 100px; height: 40px; display: inline-block; margin: 0 10px; border: none; border-radius: 35px; font-size: 14px; color: #fff; cursor: pointer; outline: 0 }
.page-friend-link .friend-message .message .subtn { background-color: #024c97 }
.page-friend-link .friend-message .message .reset { background-color: #434343 }
.goTop { width: 46px; height: 46px; background: url(../images/gotop.png) no-repeat center #fff; position: fixed; right: 50px; bottom: 150px; cursor: pointer; z-index: 5 }
.firend-link { background-color: #000 }
.firend-link .list-link { width: 1200px; margin: 0 auto; overflow: hidden; height: 78px }
.firend-link .list-link .links-title { float: left; font-size: 20px; color: #fff; margin-right: 20px; line-height: 78px }
.firend-link .list-link .link { float: left; font-size: 20px; color: #aeaeae; margin-right: 20px; line-height: 78px }
.firend-link .list-link .link-application { float: right; font-size: 13px; color: #aeaeae; line-height: 78px }
.firend-link .list-link a:hover { border-bottom: 1px solid #024c97; color: #024c97 }
.module-footer-nav { background-color: #3a3a3a; height: 86px; border-top: 1px solid #343434; border-bottom: 1px solid #343434; }
.module-footer-nav .btn-list { width: 1200px; height: 86px; margin: 0 auto; overflow: hidden }
.module-footer-nav .btn-list li { float: left; height: 86px; width: 150px; position: relative }
.module-footer-nav .btn-list li .btn { font-size: 17px; color: #9b9b9b; box-sizing: border-box; text-align: center; display: block; line-height: 86px }
.module-footer-nav .btn-list li  .active{     color: #fecd07;   font-size: 17px; box-sizing: border-box; text-align: center; display: block; line-height: 86px }
.module-footer-nav .btn-list li i { display: block; position: absolute; width: 1px; height: 14px; background-color: #a0a0a0; right: 0; top: 50%; margin-top: -6px }
.module-footer-nav .btn-list li:first-child { width: 140px }
.module-footer-nav .btn-list li:first-child .btn { text-align: left }
.module-footer-nav .btn-list li:last-child { width: 140px }

/*.module-footer-nav .btn-list li:last-child .btn{text-align:right}*/
.module-footer-nav .btn-list li:hover .btn {color: #fecd07;}
.module-footer { background-color: #202020; height: 305px; padding-top: 50px; }
.module-footer .footer { width: 1200px; margin: 0 auto; background: url(../images/footer-bg.jpg) no-repeat center top; height: 100%; position: relative; padding-top: 150px; box-sizing: border-box }
.module-footer .footer .wechat-code { position: absolute; top: 100px; left: 0; width: 109px }
.module-footer .footer .wechat-code img { width: 109px; height: 109px }
.module-footer .footer .wechat-code p { font-size: 14px; color: #b1b1b1; text-align: center; margin-top: 5px }
.module-footer .footer .mobile-code { position: absolute; width: 109px; top: 100px; right: 0 }
.module-footer .footer .mobile-code img { width: 109px; height: 109px }
.module-footer .footer .mobile-code p { font-size: 14px; color: #b1b1b1; text-align: center; margin-top: 5px }
.module-footer .footer .text-info {color: #808080;font-size: 14px;text-align: center;line-height: 30px;}
.module-footer .footer .text-info p{ color: #b1b1b1;}
.module-footer .footer .text-info a { color: #b1b1b1; font-size: 14px }
.module-footer .footer .text-info span { color: #b1b1b1; font-size: 14px; display: inline-block }
.module-footer .footer .case1 span { margin: 0 17px }
.module-footer .footer .case2 span { margin: 0 17px }
.module-pages { font-size: 14px; text-align: center }
.module-pages a { display: inline-block; height: 32px; padding: 0 12px; text-align: center; line-height: 32px; background-color: #d7dcde; font-family: SimSun; font-size: 14px; color: #fff; font-weight: 700; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s }
.module-pages a.pre { font-weight: bolder; font-size: 16px; border-radius: 4px 0 0 4px }
.module-pages a.next {/*border-radius:0 4px 4px 0*/ }
.module-pages a.activity { background-color: #024c97 }
.module-pages a:hover { background-color: #024c97 }
.module-pages input { font-size: 14px }
.module-pages .text { width: 30px; height: 30px; text-align: center; line-height: 26px; border: 1px solid #c7d1d9 }
.module-pages .sub { width: 32px; height: 32px; color: #fff; background-color: #8d65a4; border: 0; cursor: pointer; border-radius: 3px }
.module-articpages .a_hidden { width: 360px; color: #989898 }
.module-articpages .a_hidden .link { color: #8d65a4; font-size: 16px }
.module-articpages .a_hidden .link:hover { color: red }
.module-articpages .prev { float: left }
.module-articpages .next { float: right; text-align: right }
.module-position { padding: 30px 0; font-size: 14px; width: 1200px; margin: 0 auto }
.module-position .title { float: left; font-size: 14px; color: #333; font-weight: 400; line-height: 1 }
.module-position .a_hidden { max-width: 150px; float: left; font-size: 14px; line-height: 1; color: #333 }
.module-position .icon-gt { float: left; line-height: 1; font-style: normal; color: #333; margin: 0 5px; font-family: SimSun }
.module-position .last { color: #898989; font-weight: 400; line-height: 1 }
.module-position a:hover { color: #8d65a4 }
.module_editor { width: 100% }
.module_editor { word-wrap: break-word; line-height: 32px; font-size: 15px; }
.module_editor img { max-width: 100% }
.module_editor table { max-width: 100% }
.module_editor pre { word-wrap: break-word !important; word-break: break-all !important; display: block; white-space: normal !important }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, 5b 8b 4f 53, sans-serif; width: 280px; -webkit-box-shadow: 0 0 3px #aaa; -moz-box-shadow: 0 0 3px #aaa; background: #fff; position: absolute; top: 0; right: 50px; z-index: 99999; display: none; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000 }
#Validform_msg .iframe { position: absolute; left: 0; top: -1px; z-index: -1 }
#Validform_msg .Validform_title { line-height: 40px; height: 40px; text-align: left; font-weight: 700; padding: 0 20px; color: #333; position: relative; background-color: #ddd }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 40px; position: absolute; right: 20px; top: 0; color: #333; text-decoration: none; font-size: 12px }
#Validform_msg a.Validform_close:hover { color: #666 }
#Validform_msg .Validform_info { padding: 20px; border-top: none; text-align: left }


.ys ul{width:960px; margin:0 auto;}

.ys-a{height:489px;background:url('../images/ys1.jpg') no-repeat;padding:0 0 0 40px;}

.ys-b{height:450px;background:url('../images/ys2.jpg') no-repeat;padding:16px 0 0 520px}

.ys-c{height:268px;background:url('../images/ys3.jpg') no-repeat;padding:40px 0 0 40px;}

.ys li span{color:#333;font-size:20px; font-weight:600; display:block;line-height:40px;margin-bottom:8px; padding-left:18px; padding-top:30px;}

.ys li span b{color:#bf1f2c; font-size:36px;display:block; font-weight:600;}

.ys li p{color:#333; font-size:16px; padding:8px 0 8px 18px;line-height:26px;width:415px; border-bottom:1px solid #c3c2be; background:url('../images/ico5.gif') no-repeat 0 15px;}

.ys li p b{color:#bf1f2c; font-weight:normal;}

.ys-aa{width:435px;float:left;}
.ys-ab{width:466px;float:left;padding-top:60px;}


.pro-nav {float: left;width: 260px;background:#024c97;padding:0px 7px 3px 7px;/* margin-top:  -100px; */}
.pro-nav .pro-nav-t { height:99px;background: url("../images/pro-left-title.png") top center; font-size: 20px; font-weight: bold; text-align: center; color:#fff;padding-top:24px;}
.pro-nav .pro-nav-t span{display: block;font-size:12px;font-weight:500px;}
.pro-nav .pro-nav-menu{background:#f3f3f3;border-radius:10px;padding: 10px;overflow:  hidden;}
.pro-nav .menu { overflow: hidden; padding: 5px 10px;}
.pro-nav .menu strong { height: 40px; line-height: 40px; margin-bottom: 8px; background:#fff; border-radius: 5px;display: block;border:1px solid #7f7f7f;}
.pro-nav .menu strong span { float: right; margin-right: 10px; margin-top: 12px; }
.pro-nav .menu strong a { font-size: 16px; font-weight: bold; color: #024c97; margin-left: 14px;display: block;}
.pro-nav .menu strong:hover{background:#024c97;border:1px solid #7f7f7f;}
.pro-nav .menu strong:hover a{color:#fff;}
.pro-nav ul { overflow: hidden; }
.pro-nav ul li { margin-right: 13px; background: url("../images/pro-nav2.png") left no-repeat; margin-left: 5px; line-height: 35px; border-bottom: 1px dashed #ccc; }
.pro-nav ul li a { font-size: 14px; color: #fff; margin-left: 20px;display:block;}
.pro-nav ul li a:hover { color: #ff7e00; }
.pro-nav ul li a span{margin-right:10px;color:#00601d;}
.pro-nav .phone{clear: both;margin-top:10px;}
.pro-nav  .phone span{/* margin-left:30px; */}
.pro-nav  .phone strong{font-size:16px;font-weight: 500;}
.pro-nav  .phone li{line-height:30px;color:#fff;border:0;}
.pro-img {overflow: hidden;float:right;width: 930px;}
.pro-img ul li {width: 300px;float: left;margin: 0 5px 15px 5px;position: relative;}
.pro-img ul li:hover { }
.pro-img ul li img { width: 100%;border:1px solid #ccc;}
.pro-img ul li .text { overflow: hidden;background:#7D7D7D;height:30px;line-height:30px;}
.pro-img ul li strong { margin-bottom: 5px;margin-top:5px;color:#fff;    font-weight: 500;}
.hovereffect {float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
.hovereffect .overlay {position: absolute;overflow: hidden;width: 80%;height: 70%;left: 10%;top: 10%;border-bottom: 1px solid #FFF;border-top: 1px solid #FFF;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
.hovereffect:hover .overlay {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.hovereffect img {display: block;position: relative;-webkit-transition: all 0.35s;transition: all 0.35s;}
.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);}
.hovereffect h2 {text-transform: uppercase;text-align: center;position: relative;font-size: 17px;background-color: transparent;color: #FFF;padding: 1em 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
.hovereffect a, .hovereffect p {color: #FFF;padding: 1em 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}