@charset 'utf-8';

@font-face { font-family: 'Conv_Roboto-Light'; src: url('../fonts/Roboto-Light.eot'); src: local('☺'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Conv_HelveticaNeueLTPro-ThEx'; src: url('../fonts/HelveticaNeueLTPro-ThEx.eot'); src: local('☺'), url('../fonts/HelveticaNeueLTPro-ThEx.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-ThEx.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-ThEx.svg') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1543833132879'); /* IE9*/ src: url('iconfont.eot?t=1543833132879#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.ttf?t=1543833132879') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1543833132879#iconfont') format('svg'); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-weibo:before { content: "\e64a"; }

.icon-xiasanjiao-copy:before { content: "\e609"; }

.icon-linkedin:before { content: "\e768"; }

.icon-QQ:before { content: "\e62a"; }

.icon-weixin:before { content: "\e6b5"; }

.icon-huaban:before { content: "\e62f"; }

.icon-tubiao20:before { content: "\e66b"; }

.icon-weibo1:before { content: "\e61c"; }

.icon-twitter:before { content: "\e689"; }

.icon-weixin1:before { content: "\e618"; }

.icon-zanting:before { content: "\e614"; }

@font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1544321631444'); /* IE9*/ src: url('iconfont.eot?t=1544321631444#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAR8AAsAAAAABsQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9PEi4Y21hcAAAAYAAAABLAAABcOfut/xnbHlmAAABzAAAAMwAAADQMkZAMGhlYWQAAAKYAAAALwAAADYThHpxaGhlYQAAAsgAAAAcAAAAJAfeA4NobXR4AAAC5AAAAAgAAAAICAAAAGxvY2EAAALsAAAABgAAAAYAaAAAbWF4cAAAAvQAAAAgAAAAIAEQAE1uYW1lAAADFAAAAUUAAAJtPlT+fXBvc3QAAARcAAAAHwAAADDp73Z7eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeHXt2jLnhfwNDDHMDQwNQmBEkBwD8FQ1veJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf3bs/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwANNAyBAHicY2BhYPj/kHkp01UGAQZFBmMGBwYGVTV1PUZzO0Y5RnY2MXExETZhOWYRPiYlNXU1E6CwuRIbO5uAuByjkZm5mQBQqTKjkj6jmomZkTwjUDFjAg+HjhIvs4gELzOXlCKHYLNFir+Wln9KQapGYKBGqoVTlVFSklFVM4RyZJzJw7mBU1ACSAhdZuTQLbHl4WUT5tGPUOSUEGQ8zqjpn1oANEBTI/ReqIamtaFhxr8v6YZAkM7Ik2Fo+BekW0KQYyOHhBADAwMAarEoy3icY2BkYGAA4s1qsTfi+W2+MnCzMIDADaPZ8Qj6/0MWBqarQC4HAxNIFAApPAqMAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAaAAAAAEAAAACAEEABAAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYGtOL+0uDSfgQEAEXwCygA=') format('woff'), url('iconfont.ttf?t=1544321631444') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1544321631444#iconfont') format('svg'); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-sousuo:before { content: "\e6c6"; position: absolute; top: 3px; }

@font-face { font-family: 'SourceHanSerifSC-Heavy'; src: url('../fonts/SourceHanSerifSC-Heavy.otf'); font-weight: normal; font-style: normal; }

body { overflow: hidden; max-width: 100%; margin: 0 auto; }

.nav { width: 100%; position: fixed; top: 0; z-index: 99; border-bottom: 1px solid rgba(255,255,255,0.18); height: 86px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.nav.act { border-bottom: 1px solid rgba(255,255,255,0); background: rgba(0,0,0,0); z-index: 117; }

.pcdaohangwai { background: #fff; width: 100%; height: 86px; position: fixed; top: 0; left: 0; z-index: 99; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.pcdaohangwai.act { border-bottom: 1px solid rgba(255,255,255,0); background: rgba(0,0,0,0); }

.pcdaohangwai.act .navbox { display: none; }

.pcdaohangwai.act .sousuoa { display: none; }

.navcon { padding: 0px 153px 0px 100px; position: relative; height: 86px; }

.navitem>a { display: block; color: #333; font-size: 16px; font-family: "微软雅黑"; padding: 35px 30px; }

.navitem.act a { color: #333333; }

.nav_asida.active a { color: #005baa; }

.navitem.active a { color: #005baa; }

.navitem.active .lanjian { opacity: 1; }

.logo { width: 190px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.logo.act { display: none; }

.logo_b { /*opacity: 0;*/
display: none; position: absolute; top: 0; left: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.logo_a { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.logo_b.act { opacity: 1; }

.logo_a.act { opacity: 01; }

.logo img { width: 100%; }

.sousuoa { width: 100px; position: absolute; top: 46%; right: 150px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.sousuoa a { width: 27px; height: 27px; text-align: center; color: #fff !important; line-height: 27px; font-size: 14px; border: 2px solid #fff; font-style: normal; padding: 4px; margin-left: 50px; position: relative }

.sousuoa a:hover { border: 2px solid #d00000; color: #fff; background: #d00000 }

.sousuoa a:before { content: ""; width: 10px; height: 3px; background: #fff; position: absolute; top: 12px; left: -20px }

.sousuoa.act { display: none; }

.sousuo_b { display: none; }

.sousuo_a { display: block; }

.sousuo_a.act { display: none; }

.sousuo_b.act { display: block; }

.navbox { margin-right: 120px; }

.navbox.act { display: none; }

.sousuoa img { width: 100%; }

.menu_a { width: 100px; height: 86px; background: #d00000; position: absolute; top: 0; right: 0; }

.openmenu { display: block; position: relative; width: 28px; height: 50px; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.openmenu span { position: absolute; top: 50%; left: 50%; width: 26px; height: 2px; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; }

.openmenu span::after,
.openmenu span::before { position: absolute; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; background: #fff; }

.openmenu span::after { top: -10px; }

.openmenu span::before { bottom: -10px; }

.openmenu.act span { background: rgba(255,255,255,0); }

.openmenu.act span::before { top: 0; -webkit-transform: rotate(43deg); -ms-transform: rotate(43deg); -moz-transform: rotate(43deg); -o-transform: rotate(43deg); transform: rotate(43deg); }

.openmenu.act span::after { top: 0; -webkit-transform: rotate(-43deg); -moz-transform: rotate(-43deg); -o-transform: rotate(-43deg); -ms-transform: rotate(-43deg); transform: rotate(-43deg); }

.anniucon { position: absolute; bottom: 260px; left: 360px; z-index: 80; background: #4e5965; width: 72px; height: 72px; border-radius: 50%; text-align: center; /*line-height: 72px;*/
animation: myfirst 2s; -webkit-animation: myfirst 2s; /* Safari 与 Chrome */ }
@keyframes 
myfirst {  from {
left: -100%;
}

to { left: 360px; }
}

.anniucon::after { position: absolute; content: ''; width: 360px; height: 1px; background: #ffffff; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -360px; }

.anniu { background: #ff0000; width: 54px; height: 54px; border-radius: 50%; text-align: center; line-height: 54px; display: inline-block; cursor: pointer; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.hide { opacity: 0; }

.san_a { color: #fff; font-size: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/***搜索***/


.search { position: fixed; top: 86px; left: 0; width: 100%; height: 80px; z-index: 302; display: none; background-color: rgba(0,91,170,1);/*	box-shadow: -1px 2px 16px #8c8c8c;*/ }
#cdk::-webkit-input-placeholder {
color:#fff;
}    /* 使用webkit内核的浏览器 */
#cdk::-moz-placeholder {
color:#fff;
}                  /* Firefox版本4-18 */
#cdk::-moz-placeholder {
color:#fff;
}                  /* Firefox版本19+ */
#cdk::-ms-input-placeholder {
color:#fff;
}           /* IE浏览器 */

.search .pcbb { position: absolute; top: 0px; left: 0px; width: 100%; /*height: 100%;*/
height: 80px; }

.pcs_close { position: absolute; top: 2px; left: 0px; cursor: pointer; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; width: 16px; display: none; z-index: 50; }

.pcs_close img { width: 100%; }

.search .pcs_close:hover { transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.search .pcs_close img { width: 26px; }

.search .pcsearch { position: absolute; left: 50%; top: 50%; max-width: 100%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.search .pcsearch .pstitle { /*margin-bottom: 35px;*/
display: none; }

.search .pcsearch .pstitle img { width: 210px; }

.search .pcsearch h5 { /*    margin-bottom: 90px;*/



font-size: 28px; color: #ffffff; text-transform: uppercase; /* font-family: 'Century Gothic'; */

font-family: '微软雅黑'; display: none; }

.search .pcsearch .sebox { width: 850px; max-width: 100%; position: relative; }

.search .pcsearch .sebox input { float: left; width: calc(100% - 96px); height: 40px; margin-top: 20px; padding-left: 30px; margin-right: 17px; color: #fff; font-size: 18px; border: 1px solid #fff; }

.cuohao { color: #fff; font-size: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; display: none; }

.cuohaoa { color: #333; }

.cuohao.act { color: #333; }

.search .pcsearch .sebox span { display: inline-block; width: 79px; height: 79px; /*background-color: #50e2d7;*/

text-align: center; line-height: 79px; cursor: pointer; }

.search .pcsearch .sebox input[type=submit] { width: 27px; height: 40px; background: url(../images/se.png) no-repeat center; display: inline-block; border: none; vertical-align: middle }

.search .pcsearch .seword { text-align: center; }

.search .pcsearch .seword ul li { display: inline-block; padding: 0 15px; font-size: 16px; font-family: "Microsoft JhengHei"; }

.search .pcsearch .seword ul li a { color: #e2e2e2; }

.search .pcsearch .seword ul li a:hover { color: #ff4343; }

.search .phsearch { display: none; }

.search .phsearch input { width: 84%; height: 45px; padding-left: 20px; color: #515151; letter-spacing: 1px; background-color: #fff; border-radius: 8px; }

.search .phsearch .seclose { position: absolute; top: 49px; right: 46px; color: #b9b9b9; cursor: pointer; }

.search .phsearch ul { padding-top: 15px; }

.search .phsearch ul li { padding: 12px 0; }

.search .phsearch ul li a { font-size: 16px; color: #ffffff; font-family: "Microsoft JhengHei"; }

.search .phsearch .searching { margin: 20px 0; }

.search .phsearch .searching button { width: 118px; height: 48px; font-family: "Microsoft JhengHei"; font-size: 18px; border-radius: 8px; }

.search .phsearch .searching a:nth-child(1) button { background-color: #ffffff; color: #464646; margin-right: 5px; }

.search .phsearch .searching a:nth-child(2) button { border: 1px solid #ffffff; color: #ffffff; }

.banner { width: 100%; position: relative; overflow: hidden; }

.ban_b { display: none; }

.banner_item { position: relative; }

.banner_item video { width: 100%; }

.banner_item>img { width: auto; max-width: 100%; min-height: 100%; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); }

.asidenav { position: absolute; bottom: 0; right: 0; width: 100px; height: 100%; z-index: 48; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

/*.asidenav.act{
    display:none;
}*/

.banner_txt { top: 43%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: 10; width: 1200px; text-align: left; }

.banner_txt h2 { font-size: 64px; font-family: "SourceHanSerifSC-Heavy"; color: #ffffff; }

.banner_pic .slick-dots { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 44px; width: auto; z-index: 50; }

.banner_pic .slick-dots li { position: relative; display: block; margin: 14px 0; width: 12px; height: 12px; border: 2px solid #fff; background: none; }

.banner_pic .slick-dots li.slick-active { background: #fff; }

.indexcon { width: 1400px; margin: 0 auto }

.indexcategory { width: 100%; text-align: center; position: relative; background: #fff }

.indexcategory .indexcon { font-size: 0; margin-bottom: 40px }

.indexcategory a { width: 14%; display: inline-block; }

.indexcategory a p { font-size: 16px; color: #333; padding-top: 100px; }

.indexcategory a p:hover { color: #005baa }

.indexcategory a:nth-child(1) { background: url(../images/icon1.png) no-repeat center 40px }

.indexcategory a:nth-child(2) { background: url(../images/icon2.png) no-repeat center 40px }

.indexcategory a:nth-child(3) { background: url(../images/icon3.png) no-repeat center 40px }

.indexcategory a:nth-child(4) { background: url(../images/icon4.png) no-repeat center 40px }

.indexcategory a:nth-child(5) { background: url(../images/icon5.png) no-repeat center 40px }

.indexcategory a:nth-child(6) { background: url(../images/icon6.png) no-repeat center 40px }

.indexcategory a:nth-child(7) { background: url(../images/icon7.png) no-repeat center 40px }

.indexcategory a:nth-child(1):hover { background: url(../images/icon1s.png) no-repeat center 40px }

.indexcategory a:nth-child(2):hover { background: url(../images/icon2s.png) no-repeat center 40px }

.indexcategory a:nth-child(3):hover { background: url(../images/icon3s.png) no-repeat center 40px }

.indexcategory a:nth-child(4):hover { background: url(../images/icon4s.png) no-repeat center 40px }

.indexcategory a:nth-child(5):hover { background: url(../images/icon5s.png) no-repeat center 40px }

.indexcategory a:nth-child(6):hover { background: url(../images/icon6s.png) no-repeat center 40px }

.indexcategory a:nth-child(7):hover { background: url(../images/icon7s.png) no-repeat center 40px }

.indexcategory a:hover { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }

.category { width: calc(100% + 4px); position: relative; background: #fff; font-size: 0; margin-right: -4px; }

.category li { width: calc(100% / 3 - 4px); height: 380px; margin-right: 4px; margin-bottom: 4px; display: inline-block; overflow: hidden }

.category li a { width: 100%; height: 100%; display: block; overflow: hidden; background-size: 100%; background-position: center !important; position: relative; }

.category li a span { position: absolute; font-size: 30px; color: #fff; line-height: 20px; z-index: 99; left: 35px; bottom: 35px; font-weight: bold; text-shadow: 1px 1px 2px #666; -webkit-text-shadow: 1px 1px 2px #666; }

.category li:nth-child(1) a { background: url(../images/category1.jpg) no-repeat; }

.category li:nth-child(2) a { background: url(../images/category2.jpg) no-repeat }

.category li:nth-child(3) a { background: url(../images/category3.jpg) no-repeat }

.category li:nth-child(4) a { background: url(../images/category4.jpg) no-repeat }

.category li:nth-child(5) a { background: url(../images/category5.jpg) no-repeat }

.category li:nth-child(6) a { background: url(../images/category6.jpg) no-repeat }

.category li a:hover { transform: scale(1.05); }

.m_category { width: 100%; position: relative; background: #fff; font-size: 0; display: none }

.m_category li { width: 49.5%; display: inline-block; margin-left: 1%; margin-bottom: 1%; }

.m_category li:nth-child(1),
.m_category li:nth-child(3),
.m_category li:nth-child(5) { margin-left: 0 }

.m_category li a { width: 100%; display: block; position: relative; }

.m_category li a img { width: 100% }

.m_category li a span { position: absolute; z-index: 99; font-size: 22px; color: #fff; line-height: 20px; left: 20px; bottom: 25px; font-weight: bold; text-shadow: 1px 1px 2px #666; -webkit-text-shadow: 1px 1px 2px #666 }

.indexservice { width: 100%; position: relative; font-size: 0; background: linear-gradient(to bottom, #e0e6f2, #f0f3f9, #e0e6f2 ) }

.indexservice .indexcon { padding: 75px 0; }

.indexservice .left { width: 41.5%; margin-right: 1.5%; display: inline; float: left }

.indexservice .left .title { background: url(../images/service_icon.png) no-repeat; padding-left: 105px; height: 80px; margin-bottom: 30px; }

.indexservice .left .title h1 { font-size: 48px; color: #464646; line-height: 1.2; }

.indexservice .left .title p { font-size: 18px; color: #666; text-transform: uppercase; line-height: 1.5; }

.indexservice .left .service { width: calc(100% + 20px); margin-right: -20px; }

/*(width-(padding+border)*2-margin)*/
/*.indexservice .left .service li{width:calc(100% / 3 - 20px); border:1px solid #f0f0f0; background:#fff; padding:0 10px; margin-right:20px; margin-top:20px; height:185px; display:inline-block; text-align:center;transition:all 0.4s; }*/

.indexservice .left .service li { width: calc(31.5% - 2px); border: 1px solid #f0f0f0; background: #fff; padding: 0 10px; margin-left: 2.5%; margin-top: 20px; height: 185px; display: inline-block; text-align: center; transition: all 0.4s; }

.indexservice .left .service li:nth-child(1),
.indexservice .left .service li:nth-child(4) { margin-left: 0 }

.indexservice .left .service li a { display: block; width: 100%; text-align: center }

.indexservice .left .service li span { margin: 30px auto 0; width: 63px; height: 63px; display: block; }

.indexservice .left .service li .bg1 { /*background: url(../images/service_icon1.png) no-repeat center;*/
background: url(../images/service_icon7.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li .bg2 { background: url(../images/service_icon8.png) no-repeat center; /*background: url(../images/service_icon2.png) no-repeat center;*/
transition: background 0.3s; }

.indexservice .left .service li .bg3 { background: url(../images/service_icon3.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li .bg4 { background: url(../images/service_icon4.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li .bg5 { background: url(../images/service_icon5.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li .bg6 { background: url(../images/service_icon6.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li h2 { font-size: 16px; color: #333; padding-top: 25px; line-height:1.8 transition: color 0.3s;
}

.indexservice .left .service li p { color: #bbb; font-size: 13px; line-height: 1.8; text-transform: uppercase; transition: color 0.3s }

.indexservice .left .service li:hover { background: #005baa; transition: 0.5s; }

.indexservice .left .service li:hover p { color: #fff }

.indexservice .left .service li:hover h2 { color: #fff }

.indexservice .left .service li:hover .bg1 { /*background: url(../images/service_icon1s.png) no-repeat center;*/
background: url(../images/service_icon7s.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li:hover .bg2 { background: url(../images/service_icon8s.png) no-repeat center; /*background: url(../images/service_icon2s.png) no-repeat center;*/
transition: background 0.3s; }

.indexservice .left .service li:hover .bg3 { background: url(../images/service_icon3s.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li:hover .bg4 { background: url(../images/service_icon4s.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li:hover .bg5 { background: url(../images/service_icon5s.png) no-repeat center; transition: background 0.3s; }

.indexservice .left .service li:hover .bg6 { background: url(../images/service_icon6s.png) no-repeat center; transition: background 0.3s; }

/*.indexservice .left .service li:after{ content:""; position: absolute;top: 0; bottom: 0; left: 0;z-index: -1; background: #2a68cc;transition: 0.6s linear; }
.indexservice .left .service li:hover:after{ width:100%; height:100%}*/

.indexservice .right { width: 57%; display: inline-block }

.indexservice .right img { width: 100% }

.indexnews { width: 100%; position: relative; font-size: 0; background: #fff; padding: 80px 0 }

.indexnews .title { text-align: center }

.indexnews .title h1 { font-size: 48px; color: #464646; line-height: 1.5; }

.indexnews .title p { font-size: 18px; color: #666; text-transform: uppercase; line-height: 1.5; }

.indexnews .subtitle { width: 100%; text-align: center; padding-top: 25px; }

.indexnews .subtitle a { width: 180px; height: 42px; line-height: 42px; border: 1px solid #dddddd; background: #fff; margin: 0 5px; text-align: center; border-radius: 50px; display: inline-block; font-size: 16px; color: #333 }

.indexnews .subtitle a:hover { background: #005baa; color: #fff; transition: all 0.3s; }

.indexnews .con { width: 100%; margin-top: 50px }

.indexnews .con li { width: 32%; display: inline-block; margin-left: 2% }

.indexnews .con li a { width: 100%; display: block }

.indexnews .con li a .pic { width: 100%; height: 275px; overflow: hidden }

.indexnews .con li a .pic img {/* width:100%; height:100%;*/ }

.indexnews .con li a .text { width: 100%; padding: 30px 35px; background: #f9f9f9 }

.indexnews .con li a .text h2 { font-size: 18px; color: #333; line-height: 25px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.indexnews .con li a .text h3 { font-size: 16px; line-height: 18px; color: #aaa; background: url(../images/more.png) no-repeat right; margin: 20px 0 10px 0 }

.indexnews .con li a .text p { font-size: 14px; color: #666; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify }

.indexnews .con li:nth-child(1) { margin-left: 0 }

.indexnews .con li:hover .text { background: #005baa; transition: 0.3s }

.indexnews .con li:hover .text h2,
.indexnews .con li:hover .text p { color: #fff; transition: 0.3s }

.indexnews .con li:hover .text h3 { background: url(../images/more2.png) no-repeat right; color: #a3b9d7 }

.indexnews .con li:hover img { transform: scale(1.1, 1.1); transition: 0.5s; }

.hexin { width: 100%; padding-bottom: 170px; position: relative; background: #fff; }

.hexincon { width: 1200px; margin: 0 auto; padding: 100px 0 90px; }

.heleft { width: 230px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; }

.heleft h3 { font-size: 48px; margin-top: 15px; /*font-family:'SourceHanSerifSC-Heavy';*/
font-family: "微软雅黑"; color: #464646; }

.heright { width: calc(100% - 270px); position: relative; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; }

.heright::after { position: absolute; content: ''; width: 1px; height: 100px; background: #e5e5e5; top: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateY(-50%); left: -34px; }

.heright p { font-size: 16px; font-family: "微软雅黑"; color: #333333; line-height: 30px; letter-spacing: 1px; height: 90px; overflow: hidden; text-align: justify; }

.news { width: 100%; position: relative; /*height:919px;*/
    /*height:1070px;*/
overflow: hidden; }

.news::after { position: absolute; content: ''; width: 100%; height: 100%;  background:;
z-index: 1; background: url(../images/fangkuaiyi.png) repeat rgba(0,0,0,0.27); }

.videobox img { width: auto; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); }

.videobox video { min-height: 100%; width: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.news_con { /*padding:97px 100px 0;
	position:absolute;*/
padding: 100px 100px 110px 10px; position: relative; /*	top:0;
	left:50%;*/
/*    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
width: 1560px; z-index: 5; }

.neconright { width: 1230px; /*background:linear-gradient(#133183,#267cc0);*/
position: relative; }

.neconleft { /*width:calc(100% - 1300px);*/
visibility: visible; animation-duration: 1s; animation-name: fadeInUp; }

.neconleft h3 { font-size: 48px; /*	font-family:"SourceHanSerifSC-Heavy";*/
font-family: "微软雅黑"; color: #ffffff; }

.nelist { width: 33.333333%; position: relative; background: linear-gradient(#133183, #267cc0);/* height:399px;*/ }

.neitem { width: 100%; height: 100%; padding: 74px 0 80px 54px; }

.neleft { width: 290px; padding-right: 0; }

.neright { width: calc(100% - 315px); }

.neright p { /*writing-mode:tb-rl;*/
color: #f9f9f9; font-size: 14px; font-family: "微软雅黑"; letter-spacing: 1px; width: 16px; text-align: center; }

.lianjie { display: block; width: 287px; height: 43px; border: 1px solid #ffffff; text-align: center; transition: all 0.8s; }

.lianjie span { color: #ffffff; line-height: 43px; font-size: 16px; transition: all 0.8s; }

.lianjie span:nth-child(2) { margin-left: 2px; transition: all 0.8s; }

.neleft h2 { font-size: 24px; font-family: "微软雅黑"; color: #ffffff; margin-bottom: 44px; position: relative; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.neleft h2::after { position: absolute; content: ''; width: 25px; height: 2px; background: #7bd8ff; left: 0; bottom: -18px; }

.newshengxian { width: 25px; height: 2px; background: #7bd8ff; transform: translate(1px, -20px); }

.neleft p { font-size: 14px; font-family: "微软雅黑"; color: #97d4ff; line-height: 24px; margin-bottom: 75px; height: 48px; overflow: hidden; padding-right: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.nelistboxx { width: 100%; }

.neconright .nelist { position: relative; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; }

.neconright .nelist::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,0.11); }

.neconright .nelist:nth-child(1)::after { display: none; }

.neconright .nelist:nth-child(4)::after { display: none; }

.neconright .nelist:nth-child(6) { background: none; animation-delay: 1s; }

.neconright .nelist:nth-child(5) { /*   background:-webkit-linear-gradient(left, #173e8e, #1f62ab);
    background:-o-linear-gradient(left, #173e8e, #1f62ab);
    background:linear-gradient(left, #173e8e, #1f62ab);*/
    /*border-left:1px solid rgba(255,255,255,0.11);*/
background: -webkit-linear-gradient(left, #1a4d9a, #226eb5); background: -o-linear-gradient(left, #1a4d9a, #226eb5); background: linear-gradient(left, #1a4d9a, #226eb5); animation-delay: 0.8s; }

.neconright .nelist:nth-child(4) { /*background:-webkit-linear-gradient(left,  #102579,#174190);
    background:-o-linear-gradient(left,  #102579,#174190);
    background:linear-gradient(left,  #102579,#174190);*/
background: -webkit-linear-gradient(left, #122b7e, #1a4d9a); background: -o-linear-gradient(left, #122b7e, #1a4d9a); background: linear-gradient(left, #122b7e, #1a4d9a); animation-delay: 0.6s; }

.neconright .nelist:nth-child(3) { background: -webkit-linear-gradient(left, #226eb5, #2885c7); background: -o-linear-gradient(left, #226eb5, #2885c7); background: linear-gradient(left, #226eb5, #2885c7); animation-delay: 0.4s; }

.neconright .nelist:nth-child(2) { background: -webkit-linear-gradient(left, #1a4d9a, #226eb5); background: -o-linear-gradient(left, #1a4d9a, #226eb5); background: linear-gradient(left, #1a4d9a, #226eb5); /*border-right:1px solid rgba(255,255,255,0.11);
    border-left:1px solid rgba(255,255,255,0.11);*/
animation-delay: 0.2s; }

.neconright .nelist:nth-child(1) { background: -webkit-linear-gradient(left, #122b7e, #1a4d9a); background: -o-linear-gradient(left, #122b7e, #1a4d9a); background: linear-gradient(left, #122b7e, #1a4d9a); }

.neconright .nelist:nth-child(6) .nelistboxx { /*    background:-webkit-linear-gradient(left,  #2065ad, #2780c3);
    background:-o-linear-gradient(left,  #2065ad, #2780c3);
    background:linear-gradient(left,  #2065ad, #2780c3);*/
width: 100%; height: 185px; background: -webkit-linear-gradient(left, #226eb5, #2885c7); background: -o-linear-gradient(left, #226eb5, #2885c7); background: linear-gradient(left, #226eb5, #2885c7); }

.lianjiea { position: relative; top: 70px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 255px; height: 62px; line-height: 62px; background: -webkit-linear-gradient(left, rgba(14,35,120,0.6), rgba(40,133,199,0.6)); background: -o-linear-gradient(left, rgba(14,35,120,0.6), rgba(40,133,199,0.6)); background: linear-gradient(left, rgba(14,35,120,0.6), rgba(40,133,199,0.6)); border: none; }

.earthmap { width: 1035px; margin: 0 auto 0px; visibility: visible; animation-duration: 1s; animation-delay: 0.8s; animation-name: fadeIn; position: relative;/*  padding-bottom:43px;*/ }

.earth { padding-bottom: 43px; }

.lianhua { width: 100%; position: relative;/* height:501px;*/ }

.lianhua::after { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.72); z-index: 0; top: 0; left: 0; background: url(../images/fangkuaiyi.png) repeat rgba(0,0,0,0.27); }

.videoboxa video { height: 496px; }

.lianhuacon { width: 1460px; margin: 0 auto; top: 0; right: 230px; position: absolute; padding-top: 116px; z-index: 1; }

.lianhuaitem h4 { font-size: 60px; font-family: "Arial"; color: #ff0000; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; text-align: center; }

.lianhuaitem h4 i { font-size: 18px; font-family: "Arial"; color: #ff0000; font-style: normal; }

.lianhuaitem p { font-size: 16px; font-family: "微软雅黑"; color: #ffffff; margin-top: 20px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; animation-delay: 0.2s; }

.lianhuaitem { padding: 0 36px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; }

.lianhuaitem:nth-child(1) { animation-delay: 0.1s; }

.lianhuaitem:nth-child(2) { animation-delay: 0.2s; }

.lianhuaitem:nth-child(3) { animation-delay: 0.3s; }

.lianhuaitem:nth-child(4) { animation-delay: 0.4s; }

.videobox { width: 100%; height: 100%; /*    position:relative;*/
position: absolute; z-index: 1 }

.videobox video { min-height: 100%; width: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.lianhuabt h3 { font-size: 48px; font-family: "微软雅黑"; color: #ffffff; }

.lianhuabg img { width: 100%; }

.lianhuamore { display: block; width: 150px; height: 40px; border: 1px solid rgba(255,255,255,0.5); text-align: center; margin-top: 103px; transition: all 0.8s; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; }

.lianhuamore span { font-size: 16px; font-family: "微软雅黑"; color: #ffffff; line-height: 40px; transition: all 0.8s; }

.lianhuamore span:nth-child(2) { margin-left: 2px; transition: all 0.8s; }

.footer { width: 100%; background: #4e4e4e; padding-top: 50px; border-top: 1px solid rgba(255,255,255,0.18); position: relative; }

.footer .con { padding: 0 100px 40px 100px; }

.footer .con .lefts { width: 35%; display: inline-block }

.footer .con .lefts .ewm { width: 130px; text-align: center; float: left }

.footer .con .lefts .ewm img { width: 100%; }

.footer .con .lefts .ewm p { font-size: 14px; line-height: 2; color: #c1c1c1 }

.footer .con .lefts .ewm .pic { height: 40px; margin-top: 10px; }

.footer .con .lefts .ewm .pic a { width: 40px; height: 40px; display: inline-block; margin: 0 7px }

.footer .con .lefts .text { width: calc(100% - 200px ); margin: 0 0 0 50px; float: left }

.footer .con .lefts .text img { width: 190px; margin-bottom: 10px }

.footer .con .lefts .text li { font-size: 14px; color: #c1c1c1; line-height: 30px; height: 30px; width: 100%; padding-left: 25px }

.footer .con .lefts .text li:nth-child(2) { background: url(../images/footer_icon1.png) no-repeat left center }

.footer .con .lefts .text li:nth-child(3) { background: url(../images/footer_icon2.png) no-repeat left center }

.footer .con .lefts .text li:nth-child(4) { background: url(../images/footer_icon3.png) no-repeat left center }

.footer .copyright { background: #4c4c4c; text-align: center; padding: 30px 0; }

.footer .copyright span { font-size: 12px; color: #c1c1c1; margin: 0 5px }

.footer .copyright a { font-size: 12px; color: #c1c1c1; margin: 0 5px }

.footer .copyright a:hover { color: #fff }

.footer .con .rights { width: 63%; display: inline-block; float: right; text-align: right }

.footer .con .rights li { width: auto; display: inline-table; margin: 0 20px; text-align: left; position: relative;/* border-right:1px ssolid #454545*/ }

.footer .con .rights li::after { content: ""; position: absolute; width: 1px; height: 180px; background: #454545; right: 0; top: 0; margin-right: -20px }

.footer .con .rights li:nth-child(1) { margin-left: 0 }

.footer .con .rights li:last-child::after { display: none }

.footer .con .rights li h1 { font-size: 16px; line-height: 2; color: #fff; }

.footer .con .rights li a { font-size: 14px; color: #c1c1c1; line-height: 2; width: 100%; display: block }

.footer .con .rights li a:hover { color: #fff; transition: all 0.3s }

.lianhuabg { position: absolute; left: 0; top: -188px; width: 100%; background: url(../images/beijing.png) no-repeat center; background-size: cover; height: 187px; }

.ft_con { width: 1200px; margin: 0 auto; position: relative; }

.ft_itembox a { font-size: 14px; font-family: "微软雅黑"; color: #ffffff; display: block; padding: 11px 0; }

.ft_itemboxa { margin-left: 100px; }

/*分享*/

.d2-f-fenx { display: inline-block; }

/*图标分享*/

.bshare_box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.bshare_box a { width: 100% !important; height: 100% !important; display: block; opacity: 0 !important; }

.bsPromo { width: 100%; height: 100%; display: block !important; opacity: 0 !important; position: absolute; top: 0; left: 0; }

.l-r-topb { position: relative; height: 100%; width: 42px; height: 42px; text-align: center; line-height: 42px; margin-right: 8px; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; border-radius: 50%; border: 1px solid rgba(255,255,255,0.15); }

.l-r-topba { margin-right: 0; }

.l-r-topb i { color: #fff; font-size: 38px; }

.bsTop { width: 100%!important; padding-top: 5px; }

.linkedin { color: #999999!important; font-size: 50px!important; }

.weibo { color: #999999!important; font-size: 22px!important; }

.wx { color: #999999!important; font-size: 18px!important; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }

.fenxianga { position: relative; bottom: 0; right: 0; margin: 133px auto 12px; }

.fenxianga .l-r-topb { width: 50px; height: 50px; border: 2px solid #999999; text-align: center; line-height: 50px; margin-right: 44px; position: relative; }

.fenxianga .fenicont { width: 300px; }

.footer .item4 { /*width: 285px;*/
    /*margin: 50px 0 50px 0px;*/
margin-top: 36px; width: 100%; }

.footer .item4 .link { position: relative; width: 150px; margin-right: auto; }

.footer .item4 .link span { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.footer .item4 .link span.act { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.footer .item4 .link .head { width: 150px; padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 14px; cursor: pointer; color: #fff; border: 1px solid rgba(255,255,255,0.5); }

.footer .item4 .link .drop { position: absolute; bottom: 44px; left: 0; overflow: hidden; width: 100%; max-height: 100px; height: 100px !important; /*    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;*/

border: 1px solid #fff; border-bottom: none; display: none; }

.footer .item4 .link .drop li { padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 15px; text-align: left; background: #2f333d; }

.footer .item4 .link .drop li a { color: #fff; }

.footer .item4 .link2 { padding-top: 33px; text-align: right; }

.footer .item4 .link2 a { font-size: 18px; line-height: 30px; display: inline-block; width: 30px; height: 30px; margin-left: 8px; text-align: center; vertical-align: middle; color: #fff; border-radius: 50%; }

.footer .item4 .link2 .a1 { background: #57c839; }

.footer .item4 .link2 .a2 { line-height: 26px; background: #118fd1; }

.footer .item4 .link2 .a3 { background: #63b3f0; }

.footer .item4 .link2 .a4 { background: #3b5998; }

.footer .item4 .link2 .a5 { background: #ec3335; }

.footer .left,
.footer .right { display: inline-block; vertical-align: top; }

.footer .right { width: calc(100% - 38px); width: -webkit-calc(100% - 38px); padding-left: 24px; }

.footer .right { width: calc(100% - 50px); width: -webkit-calc(100% - 50px); padding-left: 24px; }

.footer p { line-height: 1.85; letter-spacing: .75px; color: rgba(255,255,255,.5); }

.footer h4 { font-family: '微软雅黑'; color: #fff; font-size: 16px; }

.fenicont { /*width:103px;*/
display: inline-block; }

.foot_right_ewm { width: 110px; text-align: center; float: right }

.foot_right_ewm img { width: 100%; margin-bottom: 10px; }

.foot_right_ewm h1 { font-size: 12px; color: #fff; }

.foot_right { text-align: right; }

.footp { width: 100%; float: right; height: 40px; margin-bottom: 20px; }

.footp .text { width: 80%; float: left; line-height: 20px; margin-top: 20px; }

.footp .icon { width: 110px; float: right; }

.footp p { color: #bbbec0; /* color:rgba(157,187,210,0.6);*/
font-size: 14px; font-family: "微软雅黑"; }

.footp p a { color: #bbbec0; /*color:rgba(157,187,210,0.6);*/
font-size: 14px; font-family: "微软雅黑"; }

.footp img { margin-left: 10px; }

.ftlogo { padding: 0 10px; width: 60px; position: absolute; top: -65px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #1c2d39; }

.ftlogo img { width: 100%; }

.heixinlistbox { position: relative; }

.heixinlist { width: 100%; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; }

.heixinlist .slick-dots { bottom: -81px; }

.heixinlist .slick-dots li { width: 100px; height: 48px; border-radius: 0; margin: 0 9px; }

.heixinlist .slick-dots li:nth-child(1) { background: url(../images/icon1.png) no-repeat center }

.heixinlist .slick-dots li:nth-child(2) { background: url(../images/icon2.png) no-repeat center }

.heixinlist .slick-dots li:nth-child(3) { background: url(../images/icon3.png) no-repeat center }

.heixinlist .slick-dots li:nth-child(4) { background: url(../images/icon4.png) no-repeat center }

.heixinlist .slick-dots li:nth-child(5) { background: url(../images/icon5.png) no-repeat center }

.heixinlist .slick-dots li:nth-child(1).slick-active { background: url(../images/icon1s.png) no-repeat center; }

.heixinlist .slick-dots li:nth-child(2).slick-active { background: url(../images/icon2s.png) no-repeat center; }

.heixinlist .slick-dots li:nth-child(3).slick-active { background: url(../images/icon3s.png) no-repeat center; }

.heixinlist .slick-dots li:nth-child(4).slick-active { background: url(../images/icon4s.png) no-repeat center; }

.heixinlist .slick-dots li:nth-child(5).slick-active { background: url(../images/icon5s.png) no-repeat center; }

.heixinlist .slick-dots li:before { content: ""; position: absolute; width: 100%; font-size: 14px; color: #333; left: 0; top: 48px; line-height: 3; text-align: center }

.heixinlist .slick-dots li:nth-child(1):before { content: "PE管材" }

.heixinlist .slick-dots li:nth-child(2):before { content: "PPR管材" }

.heixinlist .slick-dots li:nth-child(3):before { content: "钢塑过渡" }

.heixinlist .slick-dots li:nth-child(4):before { content: "海绵城市" }

.heixinlist .slick-dots li:nth-child(5):before { content: "PVC管材" }

.hxin_item { position: relative; width: 1200px; margin: 0 54px; }

.heixinlist .slick-active .hxin_txt { display: block; }

.hitbox { width: 100%; opacity: 0.3; }

.heixinlist .slick-active .hitbox { opacity: 1; }

.hxin_txt { position: absolute; background: #fff; width: 380px; height: 422px; bottom: 10px; left: 10px; padding: 56px 53px 42px; display: none; z-index: 1; }

.hxin_txt h2 { color: #333333; font-size: 30px; font-family: "微软雅黑"; position: relative; animation-duration: 1s; animation-name: fadeInUp; visibility: visible !important; }

.hxin_txt h2::after { position: absolute; top: 8px; content: ''; width: 73px; height: 2px; background: #0067da; left: -97px; }

.hxin_txt> p { color: #666666; font-size: 16px; font-family: "微软雅黑"; margin: 30px 0 76px; line-height: 30px; animation-duration: 1s; animation-name: fadeInUp; visibility: visible !important; }

.hxin_txt a { color: #0067da; font-size: 20px; font-family: "微软雅黑"; animation-duration: 1s; animation-name: fadeInUp; visibility: visible !important; }

.gengduo span { color: #0067da; font-size: 20px; font-family: "微软雅黑"; }

.pagebox { width: 100%; text-align: center; margin-top: 66px; }

.pagebox p { color: #999999; font-size: 24px; font-family: "Arial"; }

.pagebox p i { font-style: normal; color: #333333; font-size: 36px; font-family: "Arial"; }

.lianhuabt { width: 192px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; }

.lianhuarighta { width: calc(100% - 227px); }

.earthmap img { max-width: 100%; }

.videoaa { width: 100%; position: relative; height: 496px; overflow: hidden; }

.videoaa video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; }

.videoaa img { width: 100%; }

.lianjie:hover { color: #fff; }

.heixinlist .slick-prev,
.heixinlist .slick-next { background: #b2b2b2; width: 91px; height: 56px; z-index: 50; }

.heixinlist .slick-prev { left: 13.3%; background: url(../images/prev.png) no-repeat center #b2b2b2; }

.heixinlist .slick-next { right: 13.3%; background: url(../images/next.png) no-repeat center #b2b2b2; }

.jian { margin-left: 12px; display: inline-block; line-height: 62px; transition: all 0.8s; width: 9px; }

.jian img { width: 100%; }

.liaojie { font-family: "微软雅黑"; font-size: 18px; color: #fff; display: inline-block; line-height: 62px; }

.jk { display: inline-block; }

.hxin_txt .gengduo span:nth-child(2) { margin-left: 2px; transition: all 0.8s; }

.hitbox a { display: block; overflow: hidden; }

.hitbox img { transition: all 1s; }

.float-right-box { width: 83px; position: fixed; right: 0px; top: 50%; margin-top: -100px; z-index: 1000; transition: width 0.3s ease 0s; font-size: 0; display: none }

.float-right-box li { width: 100%; height: 86px; background: #005baa; margin-bottom: 1px; text-align: center; cursor: pointer }

.float-right-box li p { font-size: 12px; line-height: 2; color: #fff }

.float-right-box li a { display: block; height: 100%; }

.float-right-box li img { padding-top: 25px; }

.float-right-box li:nth-child(1) img { padding-top: 15px; }

.float-right-box li:hover { background: #0178e6 }

.float-right-box .ewm { width: 100px; height: 100px; position: absolute; top: 0; right: 83px; display: none; animation: fadeInUp 1s; }

.float-right-box .ewm img { width: 100% }

.float-right-box .tel { width: 140px; height: 86px; position: absolute; top: 87px; right: 83px; background: #0178e6; animation: fadeInUp 1s; display: none }

.float-right-box .tel p { color: #fff; line-height: 86px; font-size: 16px; text-align: center; font-weight: bold }
 @media screen and (max-width:1680px) {

.footer .con .lefts { width: 30% }

.footer .con .lefts .ewm { width: 110px; }

.footer .con .lefts .text { width: calc(100% - 150px ); margin: 0 0 0 30px }

.footer .con .lefts .text li { font-size: 12px; }

.footer .con .lefts .ewm p { font-size: 12px }

.footer .con .lefts .text li:nth-child(2) { height: 35px; line-height: 16px; }

.footer .con .rights { width: 70% }

.footer .con .rights li h1 { font-size: 14px; }

.footer .con .rights li a { font-size: 12px }
}
 @media screen and (max-width:1440px) {

.indexcon { width: 90% }

.indexservice .left .service li p { font-size: 12px; line-height: 15px; height: 30px; margin-top: 5px; }
}
@media screen and (max-width:1360px) {

.footer .con .rights li { margin: 0 15px }

.footer .con .rights li::after { margin-right: -15px; }
}
@media screen and (max-width:1200px) {

.footer .con .lefts .ewm { display: none }

.footer .con .lefts .text,
.footer .con .rights { display: none }

.footer .con { padding: 0 }

.footer .con .lefts,
.footer .con .lefts .ewm,
.footer .con .lefts .ewm .pic a img { width: 100% }

.footer .con .lefts .ewm img { width: 110px; }

.indexnews { padding: 30px 0 }

.footer .copyright,
.footer .con .lefts .ewm { padding: 15px 0; line-height: 1.5 }

.indexnews .title { text-align: left }

.indexnews .title h1 { font-size: 24px; line-height: 1.5; }

.indexnews .title p { font-size: 12px; }

.indexnews .subtitle a { width: 20%; height: 35px; line-height: 35px; font-size: 12px; margin: 0 5px 0 0 }

.indexnews .subtitle { padding-top: 15px; text-align: left }

.indexnews .con li a .text { padding: 15px 15px }

.indexnews .con li a .text h2 { font-size: 14px; }

.indexnews .con li a .text h3 { font-size: 12px; margin: 10px 0 5px 0; line-height: 15px; background-size: 15px }

.indexnews .con li a .text p { font-size: 13px; }

.category { display: none }

.m_category { display: block }

.indexcategory { padding-bottom: 25px }

.indexcategory .indexcon { margin-bottom: 0 }

.indexcategory a { width: 25%; float: left; background-size: 45px !important; margin: 10px 0; }

.indexcategory a p { padding-top: 40px; font-size: 14px; }

.indexcategory a:nth-child(1) { background: url(../images/icon1.png) no-repeat center 0px }

.indexcategory a:nth-child(2) { background: url(../images/icon2.png) no-repeat center 0px }

.indexcategory a:nth-child(3) { background: url(../images/icon3.png) no-repeat center 0px }

.indexcategory a:nth-child(4) { background: url(../images/icon4.png) no-repeat center 0px }

.indexcategory a:nth-child(5) { background: url(../images/icon5.png) no-repeat center 0px }

.indexcategory a:nth-child(6) { background: url(../images/icon6.png) no-repeat center 0px }

.indexcategory a:nth-child(7) { background: url(../images/icon7.png) no-repeat center 0px }

.indexcategory a:nth-child(1):hover { background: url(../images/icon1s.png) no-repeat center 0px }

.indexcategory a:nth-child(2):hover { background: url(../images/icon2s.png) no-repeat center 0px }

.indexcategory a:nth-child(3):hover { background: url(../images/icon3s.png) no-repeat center 0px }

.indexcategory a:nth-child(4):hover { background: url(../images/icon4s.png) no-repeat center 0px }

.indexcategory a:nth-child(5):hover { background: url(../images/icon5s.png) no-repeat center 0px }

.indexcategory a:nth-child(6):hover { background: url(../images/icon6s.png) no-repeat center 0px }

.indexcategory a:nth-child(7):hover { background: url(../images/icon7s.png) no-repeat center 0px }

.indexservice .right { display: none }

.indexservice .left { width: 100%; float: none }

.indexservice .left .title h1 { font-size: 24px; }

.indexservice .left .title p { font-size: 12px; }

.indexservice .left .title { background-size: 45px; background-position-y: 7px; height: auto; padding-left: 55px; margin-bottom: 0; padding-bottom: 20px }

.indexservice .indexcon { padding: 30px 0 }

.indexservice .left .service { width: 100%; margin-right: 0 }

.indexservice .left .service li { width: calc(50% - 2px); margin-left: 0; margin-top: 0; height: 125px; }

.indexservice .left .service li p { display: none }

.indexservice .left .service li .bg1 { background: url(../images/service1.png) no-repeat center }

.indexservice .left .service li .bg2 { background: url(../images/service2.png) no-repeat center }

.indexservice .left .service li .bg3 { background: url(../images/service3.png) no-repeat center }

.indexservice .left .service li .bg4 { background: url(../images/service4.png) no-repeat center }

.indexservice .left .service li .bg5 { background: url(../images/service5.png) no-repeat center }

.indexservice .left .service li .bg6 { background: url(../images/service6.png) no-repeat center }

.indexservice .left .service li span { width: 50px; height: 50px; background-size: 100% !important; margin: 20px auto 0 }

.indexservice .left .service li h2 { font-size: 14px; padding-top: 15px; }
}
@media screen and (max-width:768px) {

.indexnews .con { margin-top: 20px; }

.indexnews .con li { width: 100%; margin-left: 0; margin-bottom: 10px }

.indexnews .con li a .pic img { width: 100% }
}
@media screen and (max-width:414px) {

.indexnews .con li a .pic { height: 190px }
}
@media screen and (max-width:375px) {

.indexnews .con li a .pic { height: 180px }

.indexnews .subtitle a { margin: 0 2px; white-space: 23%; border-radius: 30px; }
}
 @media screen and (min-width:1200px) {

.xailabox a:hover { color: #000; }

.navitem a:hover { color: #005baa; }

.lianhuamore:hover span { color: #005baa; transition: all 0.8s; }

.lianhuamore:hover .lianhuaspana { margin-left: 10px; }

.lianhuamore:hover { /* border-color:#005baa;*/
background-color: #fff; transition: all 0.8s; }

.ft_itembox a:hover { color: #005baa; }

.hxin_txt:hover .gengduo span:nth-child(2) { margin-left: 20px; transition: all 0.5s; }

.lianjie:hover span:nth-child(2) { margin-left: 20px; transition: all 0.5s; }

.lianjie:hover span { color: #005baa; transition: all 0.5s; }

.lianjie:hover { background-color: #fff; transition: all 0.5s; }

.lianjiea:hover .jian { margin-left: 30px; transition: all 0.5s; }

.neleft h2:hover { color: #000; transition: all 0.3s; }

.neleft p:hover { color: #000; transition: all 0.3s; }

.lianjiea:hover span:nth-child(2) { margin-left: 10px; transition: all 0.8s; }

.hxin_item:hover img { transition: all 1s; transform: scale(1.1); }

.lianjiebox:hover a { background: linear-gradient(to right, #132d81, #2169b1); }

.lianjiebox:hover span { color: #fff; }

.lianjiebox:hover .jia { margin-left: 15px; }

.chuan:hover { z-index: 3; transform: scale(1.1); }

.xingkong:hover { z-index: 3; transform: scale(1.1); }

.wenua_item:hover { margin-top: -50px; }

/* .wenhu_list .wenua_item:hover img{
        transform: scale(1.1);
    }*/
   /* .wenhu_list .wenua_item:hover .wenhua_txt::after{
        height:100%;
    }*/
  /*  .wenhu_list .wenua_item:hover h3{
        color:#fff;
    }*/
    /*.wenhu_list .wenua_item:hover h3::after{
        background:#fff;
    }*/

.newslist:hover .c1lianjie .jiac1 { margin-left: 10px; }

.newslist:hover .c1lianjie { background: #122b7f; border-color: #122b7f; }

.newslist:hover .c1lianjie span { color: #fff; }

.newslist:hover h3 { color: #122b7f; transform: translateX(10px) }

.newslist:hover .c1newsp { transform: scale(1.1); }

.c1riitem:hover h4 { transform: translateX(10px) }

.c1riitem:hover a { background: -webkit-linear-gradient(right, #122b7f, #267dc1); background: -o-linear-gradient(right, #122b7f, #267dc1); background: linear-gradient(to left, #122b7f, #267dc1); }

.e1news .news_list .news_itema:hover { background: url(../images/newse1a.jpg) no-repeat center; background-size: cover; }

.e1news .news_list .news_itema:hover h3 { color: #fff; font-weight: bold; }

.e1news .news_list .news_itema:hover p { color: #fff; }

.e1news .news_list .news_itema:hover span { color: #fff; }

.e1news .news_list .news_itema:hover i { color: #fff; }

.e1news .news_list .news_itema:hover .news_item { border-bottom: 1px solid rgba(255,255,255,0); }

.d4ccase a:hover .d4lian { margin-left: 10px; }

.d4ccase a:hover { background: -webkit-linear-gradient(right, #11267a, #2884c6); background: -o-linear-gradient(right, #11267a, #2884c6); background: linear-gradient(to left, #11267a, #2884c6); }

.d5listbox .d5item:hover img { transform: scale(1.1); }

.d5listbox .d5item:hover h3 { color: #005baa; }

.d5listbox .d5item:hover p { color: #005baa; }

.d7list .d7item:hover img { filter: grayscale(100%) }

.ifitem:hover .e1timea h4 { color: #005baa; }

.ifitem:hover .e1rileft h2 { color: #005baa; }

.ifitem:hover .e1timea { transform: translateX(28px) }

.ifitem:hover .e1rileft { transform: translateX(28px) }

.ifitem:hover h4::before { background: #005baa; }

.ifitem:hover { background: #fff; /* width:1285px;*/
box-shadow: 0px 1px 23px #e6e6e6; border: none; }

.iflist .ifitem:nth-child(1):hover { border-top: none; }

.e2body .ifitem:hover { background: none; box-shadow: 0px 1px 23px #fff; border-bottom: 1px solid #e5e5e5; }

.e2body .ifitem:hover .e1timea h4 { color: #fff; }

.c2neipic:hover img { transform: scale(1.1); }

.d1picbox:hover img { transform: scale(1.1); }

.inter_right:hover img { transform: scale(1.1); }

.inter_right .companyvideo  .dongchitem:hover .e3lianhuameng { top: 0; }

.nav_asida:hover .lanjian { opacity: 1; }

.f3btnleftbox:hover { background: linear-gradient(to left, #122a7e, #277fc2); }

.lianhuaitemaa:hover .f3toumnga { transform: scale(1.1); }

.lianhuaitemaa:hover .f3jia { margin-left: 10px; }

.lianhuam_lianjie:hover .lhu_aa::after { height: 100%; }

.lianhuam_lianjie:hover a { color: #fff; }

.g2itema:hover { background: url(../images/g2bgg.jpg) no-repeat center; background-size: cover; }

.g2itema:hover h3 { color: #fff; }

.g2itema:hover p { color: #d2e8f3; }

.g2itema:hover .rencai01 { opacity: 0; }

.g2renbtitem:hover { border-color: #005baa; }

.g2renbtitem:hover h5:after { opacity: 1; }
}

#drop .mCSB_inside > .mCSB_container { margin-right: 0; }

.slick-vertical .banner_item.slick-slide { border: none !important; overflow: hidden; }

.youqing { width: 100%; height: 40px; border: 1px solid #c2c2c2; padding: 0 25px 0 12px; background-image: url(../images/anniu.png); background-size: 11px 6px; background-repeat: no-repeat; background-position: 94% 50%; position: relative; cursor: pointer; }

.youqingsanjiao { width: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: 17px; }

.jian_b { display: none; }

.youqingsanjiao.active .jian_b { display: block; }

.youqingsanjiao.active .jian_a { display: none; }

.youqingsanjiao img { width: 100%; }

.youqingbox { width: 100%; line-height: 38px; font-family: "微软雅黑"; font-size: 14px; color: #d4d8e0; text-align: left; }

.xailabox { width: 90%; text-align: left; }

.xailabox a { font-size: 14px; line-height: 30px; color: #fff; font-family: "微软雅黑"; font-size: 14px; line-height: 30px; }

.youqingbox2 { position: absolute; bottom: 40px; left: 0; width: 100%; height: 155px; overflow: hidden; background-color: #005baa; display: none; padding: 10px 5px 0 15px; }

/***b1***/

.b1_banner { width: 100%; overflow: hidden; background: #fff; min-height: 789px; }

.bg video { width: 100%; }

video { object-fit: cover; }

.b1banner { width: 100%; position: relative; }

.bav_txt { position: absolute; width: 1300px; /*top:calc(50% + 86px);*/
top: 60%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.b1bt { text-align: center; width: 928px; margin: 0 auto; }

.b1bt h2 { color: #ffffff; font-size: 48px; font-family: "微软雅黑"; }

.b1bt p { color: #ffffff; font-size: 16px; font-family: "微软雅黑"; line-height: 30px; margin-top: 36px; /* height:60px;*/
overflow: hidden; }

.b1_box h3 { color: #005baa; font-size: 18px; font-family: "微软雅黑"; }

.b1_box h3 span { color: #fff; font-size: 50px; font-family: "微软雅黑"; font-weight: bold; }

.b1_box p { color: #ffffff; font-size: 16px; font-family: "微软雅黑"; line-height: 30px; margin-top: 10px; }

.b1_list { width: 100%; margin-top: 80px; }

.b1_item { width: 30%; text-align: center; padding: 1% 0; margin: 15px 0; margin-left: 5%; background: rgba(0,91,170,0.8); }

.b1_item:nth-child(1) { animation: fadeInUp 1.8s; margin-left: 0 }

.b1_item:nth-child(2) { animation: fadeInUp 2.4s; }

.b1_item:nth-child(3) { animation: fadeInUp 3s; }

.b1_item:nth-child(4) { animation: fadeInUp 3.6s; margin-left: 0 }

.b1_item:nth-child(5) { animation: fadeInUp 4.2s; }

.b1_item:nth-child(6) { animation: fadeInUp 4.8s; }

.lianhuabig { width: 100%; padding: 170px 0 120px; overflow: hidden; }

.lianhua_con { width: 1200px; margin: 0 auto; }

.lihua_left { width: 50%; position: relative; height: 705px; }

.chuan { position: absolute; top: 0; left: 0; width: 601px; z-index: 2; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; overflow: hidden; animation: fadeInUp 1.6s; }

.lan { animation: fadeInUp 2.8s; }

.xingkong { position: absolute; bottom: 0; right: -80px; width: 268px; z-index: 3; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; overflow: hidden; animation: fadeInUp 1.6s; }

.lan { width: 602px; position: absolute; bottom: 174px; right: -104px; z-index: 1; }

.santu img { width: 100%; }

.lihua_right { width: 50%; }

.lihua_txt { width: 100%; padding-left: 160px; padding-top: 80px; }

.lihua_txt h2 { color: #333333; font-weight: bold; font-family: "微软雅黑"; letter-spacing: 1px; font-size: 18px; animation: fadeInUp 1.8s; }

.lihua_txt h3 { color: #005baa; font-family: "微软雅黑"; letter-spacing: 1px; font-size: 36px; margin: 22px 0 93px; position: relative; animation: fadeInUp 2s; }

.lihua_txt h3::after { position: absolute; content: ''; width: 36px; height: 1px; background: #005baa; left: 0; bottom: -50px; }

.lihua_txt p { color: #333333; font-family: "微软雅黑"; letter-spacing: 1px; font-size: 16px; line-height: 30px; animation: fadeInUp 2.5s; padding-right: 103px; }

.lianjiebox { margin-top: 67px; }

.lianjiebox a { display: block; width: 150px; height: 50px; line-height: 50px; color: #2885c7; border: 1px solid #2885c7; text-align: center; }

.lianjiebox a span { color: #2885c7; font-size: 16px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.douhao { width: 51px; margin: 107px 0 0 65px; }

.douhao img { width: 100%; }

.wenhua { width: 100%; height: 562px; overflow: hidden; }

.wenhuacon { width: 1200px; margin: 0 auto; padding: 70px 0 8px; transform: translateX(24px); }

.wenhaunt { width: 100%; text-align: right; margin-bottom: 92px; }

.wenhaunt h2 { color: #ffffff; font-family: "微软雅黑"; font-size: 30px; position: relative; padding-right: 18px; }

.wenhaunt h2::after { position: absolute; content: ''; width: 243px; height: 1px; background: #ffffff; right: 46px; bottom: -20px; }

.wenhu_list { width: 100%; margin: 0 -10px; }

.wenua_item { width: 33.333333%; padding: 0 10px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.wenua_item:nth-child(1) { animation: fadeInUp 2.4s; }

.wenua_item:nth-child(2) { animation: fadeInUp 2s; }

.wenua_item:nth-child(3) { animation: fadeInUp 1.8s; }

.wenhua_box { width: 100%; height: 100%; }

.wenhu_pic { position: relative; overflow: hidden; background: #fff; }

.wenhu_pic img { width: 100%; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.wen_a { position: absolute; top: 0; left: 0; }

.wenhua_txt { height: 112px; text-align: center; padding-top: 40px; background: #fff; position: relative; }

.wenhua_txt::after { position: absolute; content: ''; width: 100%; height: 0; background: #2885c7; bottom: 0; left: 0; z-index: 5; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.wenhua_txt h3 { color: #333333; font-family: "微软雅黑"; font-size: 20px; height: 20px; padding: 0 5px; position: relative; z-index: 10; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.wenhua_txt h3::after { position: absolute; content: ''; width: 33px; height: 1px; background: #005baa; bottom: -14px; left: 50%; transform: translateX(-50%); }

.b1body .earth { width: 100%; padding: 30px 0 150px; background: #fff; }

.earth_bt { position: absolute; z-index: 99; top: 100px; width: 100% }

.earth_bt h2 { text-align: center; color: #005baa; font-size: 30px; font-family: "微软雅黑"; letter-spacing: 1px; margin-bottom: 56px; }

.bg_boxa { position: relative; z-index: 10; }

.bggu { width: 100%; position: fixed; z-index: 5; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.bggu.act { opacity: 1; }

.bggu img { width: 100%; }

.padmap { width: 100%; display: none; }

.padmap img { width: 100%; }

/***b2***/

.introduce { width: 100%; padding: 80px 0; overflow: hidden; }

.introduce .b1bt {width: 100%; }

.introduce .b1bt h2 { font-size:38px; color:#005baa; font-weight:bold; }

.introduce .b1bt p{ font-size:20px; color:#666; text-align:center; text-transform:uppercase; text-indent:0; margin-top:5px; margin-bottom:10px;}

.introduce_con { width: 1200px; margin: 0 auto; background: #fff; }

.inter_shang { padding:35px 40px 30px 40px; width: 100%; animation: fadeInUp 2s; }

.inter_shang h3 { color: #005baa; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; line-height: 1.5; }

.inter_shang p { color: #333; font-size: 14px; line-height:1.8; text-align: justify; text-indent: 2em }

.inter_left { width: 500px; padding: 0 40px 50px; }

.inter_left p { color: #333; font-size: 14px; line-height: 2.2; text-align: justify; text-indent: 2em }

.inter_left ul{ width:100%; font-size:0; margin-top:20px;}
.inter_left ul li{ width:30%; display:inline-block; text-align:center; position:relative}
.inter_left ul li h2{font-size: 30px;color: #005baa;line-height: 40px}
.inter_left ul li h2 span{ font-size:14px;}
.inter_left ul li p{ font-size:14px; color:#666;text-align:center;text-indent:0}
.inter_left ul li:before{ content:""; position:absolute; right:0; top:20px; width:1px; height:40px; background:rgba(222,222,222,0.5)}
.inter_left ul li:nth-child(3):before{ background:none}


.b2wenbe { margin-top: 30px; height: 48px!important; overflow: hidden; }

.inter_right { width: calc(100% - 500px - 40px);    margin-bottom: 30px;  overflow: hidden; margin-right: 40px; }

.inter_right img { max-width: 100%; transition: all .3s ease-out 0s; width: 100%; }

.inter_right .companyvideo { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; outline: 0px; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; width: 100%; height: 100%; display: none; }

.inter_right .companyvideo .con { width: 60%; margin: 0 auto; position: absolute; left: 50%; top: 50%; margin-left: -30%; margin-top: -300px }

.inter_right .companyvideo .con .close { position: absolute; top: 0; right: -40px; cursor: pointer; width: 30px; }

.b2_lianhua { width: 100%; }

.b2_lianhua_con { width: 1200px; margin: 0 auto; padding: 80px 0; }

.b2_lianhua_con h1 { font-size: 16px; color: rgba(255,255,255,.8); font-weight: bold; text-indent: 2em; margin-bottom: 10px }

.b2_lianhua_con p { font-size: 16px; line-height: 2.2; text-align: justify; /*text-indent: 2em;*/
color: rgba(255,255,255,.8); margin-bottom: 40px; }

.lianhuaright { width: 648px; }

.value { width: 100%; height: 100%; }

.valuecon { width: 1200px; margin: 0 auto; /* padding-top:240px;*/
position: relative; top: 50%; transform: translateY(-50%); }

.heixnzhi { width: 153px; padding-top: 68px; }

.heyou { width: calc(100% - 153px); }

.heyoubox { width: 875px; }

.heixnzhi h4 { color: #ffffff; font-size: 14px; font-family: "微软雅黑"; position: relative; }

.heixnzhi h4::after { position: absolute; content: ''; width: 346px; height: 1px; background: #fff; opacity: 0.3; top: 50%; transform: translateY(-50%); left: -358px; }

.heyoubox h2 { color: #ffffff; font-size: 36px; font-family: "微软雅黑"; margin-bottom: 92px; position: relative; animation: fadeInUp 2.1s; }

.heyoubox h2::after { position: absolute; content: ''; height: 1px; width: 54px; bottom: -42px; left: 0; background: #fff; }

.heyoubox p { line-height: 36px; position: relative; height: 36px; }

.heyoubox p span { color: #ffffff; font-size: 16px; font-family: "微软雅黑"; line-height: 36px; display: block; }

.heyoubox p .spana { width: 90px; position: relative; }

.heyoubox p .spana::after { position: absolute; content: ''; left: -10px; top: 17px; width: 2px; height: 2px; background: #fff; }

.heyoubox p { animation: fadeInUp 2.5s; }

.heyoubox p .sapnb { width: calc(100% - 98px); }

.scroll { width: 23px; margin: 115px auto 0; cursor: pointer; cursor: pointer; position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); }

.dian { width: 12px; height: 12px; background: #005baa; border-radius: 50%; margin-top: 43px; margin-left: 10px; }

.vision { height: 100%; }

.vision .valuecon { /*padding-top:185px;*/
}

.vision .valuecon .heyoubox p { line-height: 30px; height: 180px; overflow: hidden; color: #fff; font-size: 16px; }

.vision .heixnzhi h4::after { display: none; }

.diana { margin-top: 0; position: relative; }

.diana::after { position: absolute; content: ''; width: 346px; height: 1px; background: #fff; opacity: 0.3; top: 50%; transform: translateY(-50%); left: -358px; }

.vision .heixnzhi h4 { margin-top: 40px; }

.dianab { margin-top: 40px; }

.vision .heixnzhi { padding-top: 37px; }

.vision .scroll { margin-top: 245px; }

.Mission { height: 100%; }

.Mission .valueco { padding-top: 240px; }

.map-dot { width: 9px; height: 9px; background: #005599; border-radius: 50%; position: absolute; opacity: 0; }

.map-dot--0 { top: 62.367187%; right: 45.072464%; width: 60px; height: 60px; background: rgba(0,85,153,0.2); }

.map-dot--1 { top: 16.0625%; right: 13.714976%; animation-delay: 1.04s; }

.map-dot--2 { top: 23.521875%; right: 17.449275%; animation-delay: 1.4s; }

.map-dot--3 { top: 31.382812%; right: 19.449275%; animation-delay: 1.76s; }

.map-dot--4 { top: 38.9375%; right: 26.648309%; animation-delay: 2.12s; }

.map-dot--5 { top: 43.132812%; right: 29.26087%; animation-delay: 2.48s; }

.map-dot--6 { top: 46.4875%; right: 55.652174%; animation-delay: 2.84s; }

.map-dot--77 { top: 48.4875%; right: 34.652174%; animation-delay: 1.04s; }

.map-dot--88 { top: 47.4875%; right: 26.652174%; animation-delay: 1.4s; }

.map-dot--9 { top: 36.4875%; right: 37.652174%; animation-delay: 1.76s; }

.map-dot--10 { top: 53.4875%; right: 38.852174%; animation-delay: 2.12s; }

.map-dot--11 { top: 46.4875%; right: 43.752174%; animation-delay: 2.48s; }

.map-dot--12 { top: 51%; right: 47%; animation-delay: 2.84s; }

.map-dot--13 { top: 33%; right: 75%; animation-delay: 3.22s; }

.map-dot--14 { top: 56%; right: 76%; animation-delay: 1.04s; }

.map-dot--15 { top: 55%; right: 21.5%; animation-delay: 1.4s; }

.map-dot--16 { top: 61%; right: 18%; animation-delay: 1.76s; }

.map-dot--17 { top: 53%; right: 30.5%; animation-delay: 2.12s; }

.map-dot--18 { top: 59%; right: 25.5%; animation-delay: 2.84s; }

.map-dot--19 { top: 62%; right: 34.5%; animation-delay: 3.22s; }

.map-dot--20 { top: 72%; right: 34.5%; animation-delay: 1.04s; }

.map-dot--21 { top: 75%; right: 27%; animation-delay: 1.4s; }

.map-dot--22 { top: 76%; right: 22.7%; animation-delay: 1.76s; }

.map-dot--23 { top: 82.5%; right: 30%; animation-delay: 2.84s; }

.map-dot--24 { top: 83.5%; right: 38%; animation-delay: 3.22s; }

.map-dot--25 { top: 75.5%; right: 42%; animation-delay: 1.04s; }

.map-dot--26 { top: 66.5%; right: 41%; animation-delay: 1.4s; }

.map-dot--27 { top: 82%; right: 51%; animation-delay: 1.76s; }

.map-dot--28 { top: 67%; right: 20%; animation-delay: 2.84s; }

.map-dot--7 { width: 33px; height: 33px; background: rgba(0,85,153,0.3); top: 50%; left: 50%; transform: translate(-50%, -50%); }

.map-dot--8 { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.map-lines { position: absolute; top: 0; left: 0; z-index: 10; fill: none; -webkit-stroke: #005599; -moz-stroke: #005599; -ms-stroke: #005599; -o-stroke: #005599; stroke: #005599; -webkit-stroke-width: .6px; -moz-stroke-width: .6px; -ms-stroke-width: .6px; -o-stroke-width: .6px; stroke-width: .6px; }
@keyframes 
animation-line {  0% {
stroke-dashoffset:700px
}
 14.28571% {
stroke-dashoffset:0px
}
 61.42857% {
stroke-dashoffset:0px
}
 85.71429% {
stroke-dashoffset:-700px
}

to { stroke-dashoffset: -700px }
}
@-webkit-keyframes 
animation-line {  0% {
-webkit-stroke-dashoffset:700px
}
 14.28571% {
-webkit-stroke-dashoffset:0px
}
 61.42857% {
-webkit-stroke-dashoffset:0px
}
 85.71429% {
-webkit-stroke-dashoffset:-700px
}

to { -webkit-stroke-dashoffset: -700px }
}
@-moz-keyframes 
animation-line {  0% {
-moz-stroke-dashoffset:700px
}
 14.28571% {
-moz-stroke-dashoffset:0px
}
 61.42857% {
-moz-stroke-dashoffset:0px
}
 85.71429% {
-moz-stroke-dashoffset:-700px
}

to { -moz-stroke-dashoffset: -700px }
}
@-o-keyframes 
animation-line {  0% {
-o-stroke-dashoffset:700px
}
 14.28571% {
-o-stroke-dashoffset:0px
}
 61.42857% {
-o-stroke-dashoffset:0px
}
 85.71429% {
-o-stroke-dashoffset:-700px
}

to { -o-stroke-dashoffset: -700px }
}

/****/

@keyframes 
animation-linea {  0% {
stroke-dashoffset:-700px
}
 14.28571% {
stroke-dashoffset:0px
}
 61.42857% {
stroke-dashoffset:0px
}
 85.71429% {
stroke-dashoffset:700px
}

to { stroke-dashoffset: 700px }
}
@-webkit-keyframes 
animation-linea {  0% {
-webkit-stroke-dashoffset:-700px
}
 14.28571% {
-webkit-stroke-dashoffset:0px
}
 61.42857% {
-webkit-stroke-dashoffset:0px
}
 85.71429% {
-webkit-stroke-dashoffset:700px
}

to { -webkit-stroke-dashoffset: 700px }
}
@-moz-keyframes 
animation-linea {  0% {
-moz-stroke-dashoffset:-700px
}
 14.28571% {
-moz-stroke-dashoffset:0px
}
 61.42857% {
-moz-stroke-dashoffset:0px
}
 85.71429% {
-moz-stroke-dashoffset:700px
}

to { -moz-stroke-dashoffset: 700px }
}
@-o-keyframes 
animation-linea {  0% {
-o-stroke-dashoffset:-700px
}
 14.28571% {
-o-stroke-dashoffset:0px
}
 61.42857% {
-o-stroke-dashoffset:0px
}
 85.71429% {
-o-stroke-dashoffset:700px
}

to { -o-stroke-dashoffset: 700px }
}

.map-line--6 { animation: animation-linea 10.04s ease-in!important; animation-fill-mode: forwards!important; animation-iteration-count: infinite!important; animation-delay: 2.66s!important; }

/****/


svg:not(:root) { overflow: hidden; }

/*.map-line .scrollTip.animate{animation: animation-line 800ms;}*/

.map-line { stroke-dashoffset: 700px; stroke-dasharray: 700px; animation: animation-line 10.04s ease-in; animation-fill-mode: forwards; animation-iteration-count: infinite; }

.is-ie .map-line { stroke-dashoffset: 0!important; animation-name: animation-line-fallback; }

.map-line--1 { animation-delay: .86s; }

.map-line--2 { animation-delay: 1.22s; }

.map-line--3 { animation-delay: 1.58s; }

.map-line--4 { animation-delay: 1.94s; }

.map-line--5 { animation-delay: 2.3s; }

.map-line--6 { animation-delay: 2.66s; }

.is-ie .map-dot { stroke-dashoffset: 0!important; animation-name: animation-line-fallback-box; }
@keyframes 
animation-line-fallback-box { 0% {
opacity:1
}
14.28571% {
opacity:1
}
61.42857% {
opacity:1
}
85.71429% {
opacity:0
}

to { opacity: 0.5 }
}
 @-webkit-keyframes 
animation-line-fallback-box { 0% {
-webkit-opacity:1
}
 14.28571% {
-webkit-opacity:1
}
 61.42857% {
-webkit-opacity:1
}
 85.71429% {
-webkit-opacity:0
}

to { -webkit-opacity: 0.5 }
}
@-moz-keyframes 
animation-line-fallback-box { 0% {
-moz-opacity:1
}
 14.28571% {
-moz-opacity:1
}
 61.42857% {
-moz-opacity:1
}
 85.71429% {
-moz-opacity:0
}

to { -moz-opacity: 0.5 }
}
@-o-keyframes 
animation-line-fallback-box { 0% {
-o-opacity:1
}
 14.28571% {
-o-opacity:1
}
 61.42857% {
-o-opacity:1
}
 85.71429% {
-o-opacity:0
}

to { -o-opacity: 0.5 }
}

.map-dot { -webkit-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); -moz-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); -ms-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); -o-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes 
animation-dot {  0% {
-webkit-opacity: 0;
opacity: 0;
}
 14.28571% {
-webkit-opacity: 1;
opacity: 1
}
 26.42857% {
-webkit-opacity: 1;
opacity: 1
}
 40.71429% {
-webkit-opacity: 0;
opacity: 0
}

to { -webkit-opacity: 0; opacity: 0 }
}
@-moz-keyframes 
animation-dot {  0% {
-moz-opacity: 0;
opacity: 0
}
 14.28571% {
-moz-opacity: 1;
opacity: 1
}
 26.42857% {
-moz-opacity: 1;
opacity: 1
}
 40.71429% {
-moz-opacity: 0;
opacity: 0
}

to { -moz-opacity: 0; opacity: 0 }
}
@-o-keyframes 
animation-dot {  0% {
-o-opacity: 0;
opacity: 0
}
 14.28571% {
-o-opacity: 1;
opacity: 1
}
 26.42857% {
-o-opacity: 1;
opacity: 1
}
 40.71429% {
-o-opacity: 0;
opacity: 0
}

to { -o-opacity: 0; opacity: 0 }
}
@keyframes 
animation-dot {  0% {
opacity: 0;
}
 14.28571% {
opacity: 0.5;
}
 26.42857% {
opacity: 1;
}
 40.71429% {
opacity: 0;
}

to { opacity: 1; }
}

.map-dot--1 { animation-delay: 1.04s; }

.map-dot--2 { animation-delay: 1.4s; }

.map-dot--3 { animation-delay: 1.76s; }

.map-dot--4 { animation-delay: 2.12s; }

.map-dot--5 { animation-delay: 2.48s; }

.map-dot--6 { animation-delay: 2.84s; }

.map-dot--0 { -webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; }

.map-dot--7 { -webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; }

.map-dot--8 { -webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; }
@-webkit-keyframes 
fade-in {  0% {
 -webkit-opacity: 0;
 opacity: 0;
}

to { -webkit-opacity: 1; opacity: 1; }
}
@-moz-keyframes 
fade-in {  0% {
 -moz-opacity: 0;
 opacity: 0;
}

to { -moz-opacity: 1; opacity: 1; }
}
@-o-keyframes 
fade-in {  0% {
 -o-opacity: 0;
 opacity: 0;
}

to { -o-opacity: 1; opacity: 1; }
}
@keyframes 
fade-in {  0% {
 opacity: 0;
}

to { opacity: 1; }
}
@keyframes 
animation-line-fallback { 0% {
opacity:0
}
14.28571% {
opacity:1
}
26.42857% {
opacity:1
}
40.71429% {
opacity:0
}

to { opacity: 0 }
}
 @-webkit-keyframes 
animation-line-fallback { 0% {
-webkit-opacity:0
}
 14.28571% {
-webkit-opacity:1
}
 26.42857% {
-webkit-opacity:1
}
 40.71429% {
-webkit-opacity:0
}

to { -webkit-opacity: 0 }
}
@-moz-keyframes 
animation-line-fallback { 0% {
-moz-opacity:0
}
 14.28571% {
-moz-opacity:1
}
 26.42857% {
-moz-opacity:1
}
 40.71429% {
-moz-opacity:0
}

to { -moz-opacity: 0 }
}
@-o-keyframes 
animation-line-fallback { 0% {
-o-opacity:0
}
 14.28571% {
-o-opacity:1
}
 26.42857% {
-o-opacity:1
}
 40.71429% {
-o-opacity:0
}

to { -o-opacity: 0 }
}

/*****************b4***********************/

.b4banner { width: 100%; position: relative; margin-top: 86px; }

.b4banner img { width: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); }

/**面包屑css*/

.wj_pb_bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; border-top: 1px solid rgba(255,255,255,0.2); z-index: 10; }

.wj_pb_b_cont { width: 1200px; margin: 0 auto; height: 100%; line-height: 50px; }

.wj_pb_bc_list { float: left; padding: 17px 22px; border-right: 1px solid rgba(255,255,255,0.2); line-height: 50px; height: 100%; cursor: pointer; position: relative; }

.wj_pb_bc_list:hover p { color: #005baa; }
.wj_pb_bc_list p a { color: #fff; }

.wj_pb_bc_list p a:hover { color: #005baa; }
.wj_pb_bc_list .active a { color: #005baa; }
.wj_pb_bc_list:hover i { color: #005baa; }

.wj_pb_bc_list:nth-child(1) { padding-left: 0; padding-top: 0; }

.wj_pb_bc_list img { display: inline-block; width: 13px; }

.wj_pb_bc_list i { transition: all .3s ease-out 0s; }

.wj_pb_bc_list p { color: #ffffff; font-size: 14px; font-family: "微软雅黑"; font-weight: lighter; float: left; transition: all .3s ease-out 0s; }

.wj_pb_bc_list i { float: right; font-size: 13px; color: #ffffff; margin-left: 20px; line-height: 15px; }

.dns_navs_ul { width: 100%; position: absolute; top: 49px; /*background: linear-gradient(to right,#234e95,#46a9d6 ); */
    /*background: #47acd8;*/
left: 0; display: none; background: #005baa; }

.dns_navs_ul li { padding-left: 30px; font-size: 14px; font-family: "微软雅黑"; color: #ffffff; line-height: 50px; overflow: hidden; }

.dns_navs_ul li a { /*color: #ffffff;*/
color: #ffffff; position: relative; left: 0; transition: all 0.2s ease; }

.dns_navs_ul li:hover a { left: 20px; }

.structure { width: 100%; padding-bottom: 221px; }

.jiegoubt { width: 100%; text-align: center; }

.jiegoubt h2 { font-size: 30px; font-family: "微软雅黑"; color: #464646; position: relative; width: 100%; padding: 60px 0 37px; letter-spacing: 1px; }

.jiegoubt h2::after { position: absolute; content: ''; width: 100%; height: 1px; background: rgba(222,222,222,0.5); bottom: 16px; left: 0; }

.jiegoubt h2::before { position: absolute; content: ''; width: 124px; height: 1px; background: #005baa; bottom: 16px; left: 50%; transform: translateX(-50%); }

.jiegoubt p { font-size: 18px; font-family: "Conv_Roboto-Light", "微软雅黑"; color: #464646; text-transform: uppercase; letter-spacing: 1px; }

.strupic { width: 1200px; margin: 55px auto 0; }

.strupic img { max-width: 100%; }

.structure_a { padding-bottom: 250px; }

/**c1***/

.bannerli { margin-top: 86px; }

.c1news { width: 100%; }

.c1newscon { width: 1200px; margin: 55px auto 0; }

.newslist { padding: 36px 0; border-bottom: 1px solid #eeeeee; animation: fadeInUp 2.2s; }

.newslist:nth-child(1) { /*border-top:1px solid #eeeeee; */
}

.c1nleft { width: 100%; }

.c1right { width: calc(100% - 860px); padding-left: 35px; }

.c1right h3 { margin-bottom: 20px; color: #464646; font-size: 18px; font-family: '微软雅黑'; padding-left: 24px; height: 18px; overflow: hidden; position: relative; }

.c1right h3::after { position: absolute; content: ''; top: 50%; transform: translateX(-50%); left: 0; width: 30px; height: 2px; background: #005baa; }

.c1newspic { width: 300px; position: relative; overflow: hidden; }

.c1newspic img { width: 100%; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.c1newsp { position: absolute; top: 0; left: 0; }

.c1newstxt { width: calc(100% - 300px); padding: 0 30px; }

.c1newstxt.active { width: 100%; padding-left: 0; }

.c1newstxt h3 { font-size: 18px; font-family: "微软雅黑"; color: #333333; letter-spacing: 1px; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; height: 27px; overflow: hidden; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.c1time { margin: 17px 0 20px; }

.c1time span { font-size: 14px; font-family: "Arial"; color: #999999; }

.c1newstxt p { font-size: 14px; font-family: "微软雅黑"; color: #848484; line-height: 24px; overflow: hidden; letter-spacing: 1px; height: 48px; overflow: hidden; margin-bottom: 16px; }

.c1lianjie { width: 150px; height: 40px; border: 1px solid #93c2e3; text-align: center; line-height: 40px; }

.c1lianjie .jiac1 { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.c1lianjie a { font-size: 16px; font-family: "微软雅黑"; color: #2885c7; }

.c1riitem { width: 100%; margin-bottom: 5px; animation: fadeInUp 1.7s; }

.c1riitem:nth-child(1) { animation: fadeInUp 1.7s; }

.c1riitem:nth-child(2) { animation: fadeInUp 2.1s; }

.c1riitem:nth-child(3) { animation: fadeInUp 2.5s; }

.c1riitem a { display: block; background: linear-gradient(to right, #122b7f, #267dc1); padding: 28px 27px 47px 27px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.c1riitem h4 { font-size: 18px; font-family: "微软雅黑"; color: #fff; line-height: 1.5; height: 27px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 1px; position: relative; -webkit-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.c1hengxian { width: 25px; height: 2px; background: #7bd8ff; margin: 20px 0; }

.c1riitem p { font-size: 14px; font-family: "微软雅黑"; color: #97d4ff; line-height: 24px; height: 72px; overflow: hidden; }

/*********************分页符************************/

.page { text-align: center; padding: 80px 0; }

.page li { display: inline-block; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #333; position: relative; margin: 0 4px; }

.page li img { margin-top: 0px; }

.page li img:last-child { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.page li:hover img:last-child { display: block; }

.page li.activepage { color: #075fa2; border: 1px solid #2aa3eb; color: #2aa3eb; }

.page li:hover { color: #2aa3eb; border: 1px solid #2aa3eb; }

.fenye_ph .fp_btn a { color: #2885c7; }

.fenye_ph .fp_btn { padding: 5px 10px; font-size: 14px; color: #2885c7; border: 1px solid #2885c7; }

.fenye_ph { display: none; }

.page li:hover img:last-child { display: block; }

.lrs_a { transform: translateY(-3px); }

.page li:hover .lrs_a { opacity: 0; }

/**分页符结束**/
/**c2开始***/

.c2nei { width: 100%; }

.c2neicon { width: 1200px; margin: 95px auto 0; }

.c2neicon.act .c2neileft { width: 60px; }

.c2neicon.act .c2neiright { width: calc(100% - 100px); }

.c2neicon.act .c2neiright .fenxianga { margin: 0 auto 0px; }

.c2neileft { width: 464px; }

.c2neipic { width: 100%; overflow: hidden; }

.c2neipic img { width: 100%; transition: all .3s ease-out 0s; }

/*分享*/

.fenxianga { position: relative; bottom: 0; right: 0; margin: 52px auto 0px; }

.fenxianga .l-r-topb { width: 50px; height: 50px; text-align: center; line-height: 50px; position: relative; border: none!important; }

.fenxianga .fenicont { width: 56px; border: 1px solid #e5e5e5; }

.d2-f-fenx { display: inline-block; }

/*图标分享*/

.bshare_box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.bshare_box a { width: 100% !important; height: 100% !important; display: block; opacity: 0 !important; }

.bsPromo { width: 100%; height: 100%; display: block !important; opacity: 0 !important; position: absolute; top: 0; left: 0; }

.l-r-topb { position: relative; height: 100%; width: 42px; height: 42px; text-align: center; line-height: 42px; margin-right: 8px; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; }

.c2nei .l-r-topb i { color: #cccccc; font-size: 22px; }

.bsTop { width: 100%!important; padding-top: 5px; }

.c2neiright { width: 100%; }

.c2neiright h2 { font-size: 24px; font-family: "微软雅黑"; color: #464646; line-height: 1.5; height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.c2timelist { padding: 40px 0 20px; border-bottom: 1px solid #dddddd; }

.c2item span { font-size: 14px; font-family: "微软雅黑"; color: #666666; margin-left: 17px; }

.c2timelist .c2item:nth-child(2) { margin: 0 50px; }

.c2text p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 28px; letter-spacing: 1px; margin: 39px 0; }

.c2fenye { width: 100%; position: relative; margin: 34px 0; }

.c2fenbox { width: 45px; height: 45px; border: 1px solid #d2d2d2; position: relative; }

.c2fenbox a { display: block; width: 100%; height: 100%; line-height: 42px; text-align: center; }

.c2menue { width: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.c2menue img { width: 100%; }

/****/

.c3news .news { width: 100%; position: relative; z-index: 99; transition: all .7s ease-out 0s; -webkit-transition: all .7s ease-out 0s; -moz-transition: all .7s ease-out 0s; -o-transition: all .7s ease-out 0s; -ms-transition: all .7s ease-out 0s; }

.c3news .e1news { z-index: 96; }

.c3news .newsbox { margin-top: 95px; width: 100%; }

.c3news .news_list { margin: 0 auto; }

.c3news .nw_time { width: 150px; transform: translateY(68%); }

.c3news .nw_time span { color: #005baa; font-size: 36px; font-family: "Ebrima"; text-transform: capitalize; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; }

.c3news .nw_time i { color: #005baa; font-size: 18px; font-family: "Arial"; font-style: normal; margin-left: 10px; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; }

.c3news .nw_txt { width: calc(100% - 220px); position: relative; }

.c3news .changjiana { position: absolute; top: 0px; left: 0; opacity: 0; }

.c3news .nw_txt h3 { color: #333333; font-size: 20px; font-family: "微软雅黑"; margin-bottom: 13px; /*  transition: all .3s ease-out 0s;*/
/*    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;*/
line-height: 1.5; letter-spacing: 1px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.c3news .nw_txt p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 30px; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; height: 54px; overflow: hidden; }

.c3news .nw_jiantou { width: 50px; transform: translateY(50%); margin-top: 32px; }

.c3news .nw_txta { width: calc(100% - 173px); }

.c3news .news_item { padding: 50px 30px; border-bottom: 1px dashed rgba(220,220,220,0.1); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; width: 1255px; margin: 0 auto; border-bottom: 1px solid #dcdcdc; }

.c3news .nitbox:nth-child(1) .news_item { border-top: 1px dashed rgba(220,220,220,0.1); }

.c3news .news_itema { width: 100%; }

.c3news .news_list .news_itema { border-bottom: 0.5px solid rgba(220,220,220,0); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; position: relative; cursor: pointer; }

.c3news .news_list .news_itema::after { position: absolute; content: ""; width: 2%; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); background: rgba(220,220,220,0.6); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; opacity: 0; }

/*.news_list .news_itema:hover{
    border-bottom:0.5px solid rgba(220,220,220,0.6);
}*/

.c3news .nitbox { animation: fadeInUp 2s; }

.c3news .newsc { width: 1400px; margin: 0 auto; }

.c3news .more { width: 178px; margin: 67px 0 108px; position: relative; }

.c3news .more a { display: block; width: 100%; height: 100%; line-height: 46px; }

.c3news .more span { text-transform: uppercase; color: #ffffff; font-size: 16px; font-family: "Arial"; transform: translateY(-2px); letter-spacing: 1px; }

.e1news .news_list .news_itema { transition: all .3s ease-out 0s; }

/***c4**/

.c4neiye .c2neileft { width: 100%; float: none; position: relative; }

.c4neiye .c2neipic { position: relative; }

.c4neiye .c2neipic::after { position: absolute; content: ''; width: 4px; height: 100%; background: linear-gradient(#102378, #2884c6); top: 0; left: 0; }

.c4neiye .fenxianga { position: absolute; margin: 0; top: 0; right: -96px; }

.c4neiye .c2neiright { width: 100%; margin-top: 50px; }

/**d1***/

.d1body .introduce { padding-top: 0; background: #f9fafa; }

.d1body .introduce_con { margin-top: 60px; background:#fff}

.d1picbox { width: 100%; overflow: hidden; }

.d1picbox img { width: 100%; transition: all .3s ease-out 0s; }

.inter_xia { animation: fadeInUp 2.5s; }

.d1body .inter_xia .inter_left { width: 500px;  padding: 0 40px 50px;   }

.d1body .inter_xia .inter_left img { width: 100%; }

.d1body .inter_xia .inter_right { width: calc(100% - 500px - 40px); /*padding-top:57px;*/ margin-right:40px; text-align: justify }

.d1body .inter_xia .inter_right h3 { color: #333333; font-size: 16px; font-family: "微软雅黑"; font-weight: bold; margin-bottom: 39px; }

.d1body .inter_xia .inter_right p { color: #333333; font-size: 14px; line-height: 1.8; margin: 10px 0; }

.d1bigtxt { color: #f0f0f0!important; font-size: 48px!important; font-family: "Arial"; text-transform: uppercase; font-weight: bold; margin-top: 36px; text-align: right; padding-right: 0!important; height: auto!important; overflow: unset!important; line-height: 1.5!important; }

.d1lianhualeft { width: 387px; padding-top: 70px; padding-right: 33px; }

.d1lianhualeft h3 { color: #ffffff; font-size: 26px; font-family: "Arial"; text-transform: uppercase; line-height: 36px; }

.d1lianhualeft p { color: #ffffff; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; margin-top: 30px; letter-spacing: 1px; }
.support{ background:#fff}
.support .inter_xia .inter_left{ width:386px;     margin-top: 20px; padding:0; background: #f7f9fb;}
.support .inter_xia .inter_right{ width:calc(100% - 446px);padding-top: 85px; margin-right: 0; text-align: justify;}



.lrtxt h3 { animation: fadeInUp 2.1s; }

.lrtxt p { animation: fadeInUp 2.4s; }

.lelist { animation: fadeInUp 2.6s; }

.d1body .lianhuaright { width: calc(100% - 387px); background: #f7f9fb; padding-left: 60px; padding-top: 50px; padding-bottom: 50px; padding-right: 48px; }

.d1body .lianhuaright h3 { color: #333333; font-size: 16px; font-family: "微软雅黑"; font-weight: bold; margin-bottom: 24px; animation: fadeInUp 1.5s; }

.d1body .lianhuaright p { color: #333333; font-size: 14px; font-family: "微软雅黑"; font-weight: lighter; margin-bottom: 24px; line-height: 28px; animation: fadeInUp 1.6s; }

.lelist .leitem { margin-right: 40px; }

.d2body .lelist { margin-top: 54px; animation: fadeInUp 1.8s; }

.d4body .lianhuaright { margin-bottom: 210px; padding-bottom: 60px; position: relative; }

.d4ccase { /*position: absolute;*/
left: 0; bottom: -50px; }

.d4ccase a { display: block; width: 240px; height: 50px; color: #ffffff; font-size: 14px; font-family: '微软雅黑'; font-weight: bold; line-height: 50px; background: linear-gradient(to right, #11267a, #2884c6); text-align: center; }

.d4lian { transition: all .3s ease-out 0s; }

.d5list { width: 1200px; margin: 60px auto 0; }

.d5listbox { margin: 0 -15px; }

.d5item { width: 50%; padding: 0 15px; animation: fadeInUp 1.9s; }

.d5itempic { position: relative; width: 100%; height: 100%; overflow: hidden; }

.d5itempic img { width: 100%; transition: all .3s ease-out 0s; }

.d5pix { position: absolute; top: 0; left: 0; }

.d5itemtxt { padding: 23px 15px 29px; text-align: center; }

.d5itemtxt h3 { color: #464646; font-size: 18px; font-family: '微软雅黑'; line-height: 18px; overflow: hidden; height: 18px; }

.d5itemtxt p { color: #848484; font-size: 14px; font-family: '微软雅黑'; margin-top: 15px; letter-spacing: 1px; line-height: 14px; overflow: hidden; height: 14px; }

.d7listbox { width: 1200px; margin: 58px auto; }

.d7list { margin: 0 -10px; }

.d7item { width: 25%; position: relative; padding: 0 10px; text-align: center; margin-bottom: 20px; }

.d7item img { width: 100%; }

.d7item a { display: block; width: 100%; height: 100%; }

/*.d7picaa{
    position:absolute;
    top:0;
    left:0;
}*/

.d7itembox { border: 1px solid #e5e5e5; }

.iflist { width: 1200px; margin: 65px auto 0; }

.e1timea { width: 67px; transition: all .3s ease-out 0s; }

.e1timea h4 { color: #333333; font-size: 24px; font-family: "Conv_HelveticaNeueLTPro-ThEx"; letter-spacing: 1px; position: relative; }

.e1timea h4::before { position: absolute; content: ''; width: 88px; height: 1px; background: #a0a0a0; top: 50%; transform: translateY(-50%); right: -107px; }

.e1rightbox { width: calc(100% - 197px); }

.e1rileft { width: calc(100% - 125px); padding-right: 46px; transition: all .3s ease-out 0s; }

.e1rileft h2 { color: #333333; font-size:22px; font-family: "微软雅黑";  line-height:2.2; white-space: nowrap; text-overflow: ellipsis; }

.e1rileft p { color: #848484; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; letter-spacing: 1px; height: 48px; overflow: hidden; }

.e1titight { width: 125px;   position: relative; height: 56px; line-height: 56px; transform: translateY(13px); transition: all .3s ease-out 0s; }

.e1titight::after { position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: 1px; height: 54px; background: #d2d2d2; left: 0; }

.ifitem { padding: 42px 0 36px; border-bottom: 1px solid #e5e5e5; animation: fadeInUp 1.6s; }

.iflist .ifitem:nth-child(1) { border-top: 1px solid #e5e5e5; }

.e2body .e1timea { width: 80px; height: 60px; background:url(../images/icon_pdf.png) no-repeat  center #3488ea; text-align: center; }

.e2body .e1timea h4 { line-height: 89px; color: #fff; }

.e2body .e1timea h4::before { display: none; }

.e2body .e1titight { width: 150px; text-align:center; height: 38px; border: 1px solid #93c2e3; line-height: 38px;/* transform: translateY(20px)!important;*/ }

.e2body .e1rightbox { width: calc(100% - 165px); }

.e2body .e1titight::after { display: none; }

.e2body .e1rileft { width: calc(100% - 150px); padding-right: 100px; }

/*e3*/

.dongchae2 { width: 1200px; margin: 65px auto 325px; }

.dongchitem { width: 25%; position: relative; overflow: hidden; }

.dongchitem a { display: block; }

.dongchitem img { width: 100%; }

.e3pica { position: absolute; top: 0; left: 0; }

.e3lianhuameng { position: absolute; top: -400px; left: 0; width: 100%; height: 100%; z-index: 10; text-align: center; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.e3lianjiebox { position: relative; top: 50%; transform: translateY(-50%); }

.e3lianhuameng h3 { color: #fff; font-family: "微软雅黑"; font-weight: bold; font-size: 18px; margin-bottom: 25px; line-height: 1.5; padding: 0 10px; }

.e3lianjie span { color: #fff; font-family: "微软雅黑"; font-weight: bold; }

.f1btbox { width: 100%; text-align: center; }

.f1btbox img { max-width: 100%; animation: fadeInUp 1.6s; }

.ifbox { overflow: hidden; }

.f1list { width: 1200px; margin: 65px auto 130px; }

.filista { width: 963px; margin: 70px auto 0; }

.fiitem { width: 33.333333%; text-align: center; }

.fiitem h3 { color: #215dab; font-family: "微软雅黑"; font-size: 18px; font-weight: bold; margin-bottom: 20px; animation: fadeInUp 1.6s; }

.fiitem p { color: #464646; font-family: "微软雅黑"; font-size: 14px; line-height: 24px; letter-spacing: 1px; animation: fadeInUp 1.9s; }

/**首页核心产业**/

.wrap_textbox { position: absolute; top: 67px; left: 11.6%; }

.wrap_textbox .box { position: absolute; left: 140px; top: 0; width: 380px; height: 422px; background: #fff; box-shadow: 10px 15px 50px rgba(0,0,0,0.25); -webkit-box-shadow: 10px 15px 50px rgba(0,0,0,0.25); padding: 55px 50px; }

.wrap_textbox .box .wrap_txt li.active { display: block; }

.wrap_textbox .box .wrap_txt li { display: none; }

.wrap_textbox .box .wrap_txt li .tit { font-family: "微软雅黑"; font-size: 30px; color: #333; line-height: 30px; position: relative; }

.wrap_textbox .box .wrap_txt li .tit::after { position: absolute; content: ''; top: 7px; width: 73px; height: 2px; background: #d00000; left: -98px; }

.btn_text_6 span { color: #999 !important }

.wrap_textbox .box .wrap_txt li .wrap_desc { margin-top: 20px; color: #666666; font-size: 16px; font-family: "微软雅黑"; line-height: 30px; }

.wrap_textbox .box .wrap_txt li .btn_text_6 { margin-top: 77px; display: block; }

.btn_text_6 span { display: inline-block; font-family: "微软雅黑"; font-size: 20px; color: #0067da; }

.btn_text_6 span:after { display: inline-block; content: ""; width: 6px; height: 9px; background: url(./images/d4pic00100.png) no-repeat; margin-left: 10px; }

.slide_page { position: absolute; bottom: 40px; left: 10.6%; }

.slide_page .slides_log { padding-left: 285px; font-family: nbr; font-size: 20px; color: #666; letter-spacing: 2px; }

.slide_page .slides_log .slide_num { font-size: 36px; color: #333; font-family: "Arial"; }

.slide_page .slides_log .slide_num span { font-family: nbb; }

.slide_total_num { font-size: 24px; color: #999999; font-family: "Arial"; }

.mapboxa { display: none; width: 100%; }

.mapboxa img { width: 100%; }

.video_boxoo { display: none; width: auto; position: relative; height: 100%; top: 0; left: 0; }

.pcxiala { width: 125px; height: auto; background: rgba(255,255,255,0.96); position: absolute; top: 86px; display: none; }

.pcxialacon { width: 100%; margin: 0 auto; padding: 5px 0px; }

.pcxialaa h3 { color: #333333; font-size: 36px; font-family: "微软雅黑"; position: relative; }

.pcxialaa h3::after { position: absolute; content: ''; width: 51px; height: 3px; background: #1785ff; left: 0; bottom: -37px; }

.pcxialaa p { color: #333333; font-size: 16px; font-family: "微软雅黑"; line-height: 36px; margin-top: 75px; }

.pcxialacon .pcxialaa:nth-child(1) { width: 100%; overflow: hidden; }

.pcxialacon .pcxialaa:nth-child(2) { width: 100%; overflow: hidden; padding-left: 197px; }

.pcxialacon .pcxialaa:nth-child(3) { width: 100%; overflow: hidden; }

.pxialapic { width: 100%; }

.pxialapic img { width: 100%; }

.pcxialaa h4 { color: #333333; font-size: 18px; font-family: "微软雅黑"; margin-top: 27px; }

.pcxialaaboxa a { display: block; color: #666666!important; font-size: 16px; font-family: "微软雅黑"; line-height: 40px; border-bottom: 1px solid #ddd; text-align: center; }

.pcxialaaboxa a:hover { background: #337ab7; color: #fff !important }

.nav_aside { width: 260px; text-align: center; /*padding-left:12px;*/
position: absolute; top: 86px; right: -260px; background: #fff; height: 100vh; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; z-index: 66; }

.nav_aside.active { right: 0; }

.nav_asida { /*border-bottom:1px solid #eaebeb;*/
padding-left: 12px; }

.nav_asida a { display: block; padding: 30px 0; color: #666666; font-size: 16px; font-family: "微软雅黑"; border-bottom: 1px solid #eaebeb; }

.lanjian { transform: translateX(-65px); opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.nav_asida:hover .nav_cela { display: block; }

.nav_cela { width: 258px; padding: 0 25px; background: rgba(255,255,255,0.92); position: absolute; top: 0; right: 260px; height: 100vh; display: none; }

.nav_class { border-bottom: 1px solid rgba(0,0,0,0.06); }

/*手机下拉*/

.phxia { position: fixed; z-index: 10; margin-top: 60px; width: 100%; z-index: 110; }

.xialaph { display: none; position: absolute; top: 0px; left: 0px; width: 100%; padding-bottom: 30px; background-color: #f1f1f1; font-family: '微软雅黑'; }
@media screen and (max-width: 992px) {

.xialaph .container { width: 100%; padding: 0 40px; }
}
@media screen and (max-width: 768px) {

.xialaph .container { width: 100%; padding: 0 20px; }
}

.xialaph h4 { position: relative; }

.xialaph h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .1; background-color: #000; }

.xialaph h4 a { font-size: 16px; font-weight: bold; line-height: 60px; text-transform: uppercase; color: #999; }

.xialaph h4 img { position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.xialaph .ul2 { display: none; padding-top: 7px; padding-bottom: 8px; }

.xialaph .ul2 .container { max-width: 100%; }

.xialaph h5 { position: relative; }

.xialaph h5::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .05; background-color: #000; }

.xialaph h5 a { font-family: '微软雅黑'; font-size: 14px; line-height: 40px; text-transform: uppercase; color: #999; }

.xialaph h5 img { position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s { display: none; }

.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d { display: block; }

.xialaph .ul3 { display: none; padding-left: 15px; }

.xialaph h6 a { font-family: '微软雅黑'; font-size: 12px; line-height: 40px; text-transform: uppercase; color: #999; }

/**扒侧导航**/

body.active_right #header_right { z-index: 998; visibility: visible; }

#header_right { position: fixed; top: 0; right: 0; bottom: 0; z-index: 0; width: 100%; visibility: hidden; }

#header_right .header_inner_wrap { position: relative; max-width: 2000px; margin: 0 auto; height: 100%; overflow: hidden; }

#header_right .header_inner_wrap .dimmed_area { position: absolute; right: 480px; top: 0; bottom: 0; left: 0; }

body.stop.active_right #header_right .header_inner_wrap .header_inner { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }

#header_right .header_inner_wrap .header_inner { -webkit-transform: translateX(480px); -moz-transform: translateX(480px); -ms-transform: translateX(480px); -o-transform: translateX(480px); transform: translateX(480px); }

#header_right .header_inner_wrap .header_inner { position: absolute; right: 0; top: 0; bottom: 0; width: 480px; text-align: left; }

.header_inner_wrap .header_inner { background: #fff; overflow-y: auto; }

.gnb_mot { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.header_inner_wrap .header_inner h3 { background: url(/Images/common/header_side_bg.png) repeat-y center top; background-size: 100%; color: #fff; padding: 37px 0 15px 40px; font-size: 18px; line-height: 18px; letter-spacing: 0.8px; font-weight: bold; }

.eng { font-family: 'Arial', sans-serif; background-color: transparent; -webkit-font-smoothing: antialiased; }

#header_right .header_inner_wrap .header_inner .block.first { background: url(/Images/common/header_right_block1_bg.jpg) no-repeat center bottom; }

.header_inner_wrap .header_inner .block { padding: 30px 37px; border-bottom: 8px solid #ececec; }

.header_inner_wrap .header_inner .block { padding: 30px 37px; border-bottom: 8px solid #ececec; }

.header_inner_wrap .header_inner .block.block3 { border: 0; }

.header_inner_wrap .header_inner .block { padding: 30px 37px; border-bottom: 8px solid #ececec; }

/**扒侧导航结束*/
/**f1**/

.f1linianlie { width: 1200px; margin: 0 auto; }

.f1linanitem { margin: 0 -11px; }

.f1itemaa { width: 33.333333%; padding: 0 11px; }

.f1itemaa:nth-child(1) { animation: fadeInUp 1.5s; }

.f1itemaa:nth-child(2) { animation: fadeInUp 1.8s; }

.f1itemaa:nth-child(3) { animation: fadeInUp 2.1s; }

.f1senction { width: 100%; padding: 250px 0 245px; }

.f1lininabox { width: 100%; height: 100%; background: #fff; padding: 0 45px; position: relative; height: 356px; }

.f1weli { width: 159px; margin: 0 auto; position: absolute; top: -103px; left: 50%; transform: translateX(-50%); }

.f1weli img { width: 100%; }

.f1wenyxy p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 30px; text-align: justify; text-align-last: center; }

.f1linanitem .f1itemaa:nth-child(1) .f1lininabox { height: 356px; }

.f1linanitem .f1itemaa:nth-child(1) .f1lininabox p { height: 150px; overflow: hidden; }

.f1linanitem .f1itemaa:nth-child(2) .f1lininabox { height: 437px; }

.f1linanitem .f1itemaa:nth-child(2) .f1lininabox p { height: 270px; overflow: hidden; }

.f1linanitem .f1itemaa:nth-child(3) .f1lininabox { height: 356px; }

.f1linanitem .f1itemaa:nth-child(3) .f1lininabox p { height: 150px; overflow: hidden; }

.f1wenyxy { padding-top: 125px; }

.f2pic01 { width: 1200px; margin: 67px auto 0; }

.f2pic01 img { width: 100%; }

.pioneer { width: 1200px; margin: 0 auto; }

.pionerbox { padding-left: 193px; width: calc(100% - 843px); }

.pioneright { width: 843px; padding-left: 25px; position: relative; }

.pioneright::after { position: absolute; content: ''; height: 92px; width: 1px; background: #000000; top: 50%; transform: translateY(-50%); left: 0; }

.pioneer h3 { font-size: 36px; font-family: "微软雅黑"; color: #005baa; font-weight: bold; line-height: 48px; text-transform: uppercase; margin: 151px 0 80px; animation: fadeInLeft 1.8s; }

.pioneer h3 p { font-size: 36px; font-family: "微软雅黑"; color: #005baa; font-weight: bold; line-height: 48px; text-transform: uppercase; }

.pionerbox h4 { font-size: 24px; font-family: "微软雅黑"; color: #333333; font-weight: bold; animation: fadeInLeft 1.6s; }

.pioneright p { font-size: 14px; font-family: "微软雅黑"; color: #333333; font-weight: lighter; line-height: 24px; animation: fadeInRight 1.9s; }

.pioneerleft { margin-bottom: 94px; }

.sanyuanze { padding: 83px 0 268px; }

.sanyuanzecon { width: 1200px; margin: 0 auto; }

.sanyuanbbt { padding: 22px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 358px; padding-left: 2px; }

.sanyuanbbt h2 { color: #ffffff; font-size: 30px; font-family: "微软雅黑"; }

.anyuanleft { width: 634px; }

.anyuanleft img { width: 100%; animation: fadeInLeft 1.6s; }

.anyuanright { width: calc(100% - 670px); }

.aritshang { animation: fadeInRight 1.6s; }

.aritshang h2 { color: #cae2ff; font-size: 48px; font-weight: bold; font-family: "微软雅黑"; opacity: 0.64; text-align: right; text-transform: uppercase; }

.aritshang p { color: #ffffff; font-size: 18px; font-weight: bold; font-family: "微软雅黑"; line-height: 30px; margin: 67px 0 54px; }

.arxia { margin-bottom: 45px; }

.arxia:nth-child(1) { animation: fadeInRight 1.8s; }

.arxia:nth-child(2) { animation: fadeInRight 2.2s; }

.arxia:nth-child(3) { animation: fadeInRight 2.6s; }

.arxia:nth-child(4) { animation: fadeInRight 3s; }

.arxia h3 { color: #ffffff; font-size: 14px; font-weight: bold; font-family: "微软雅黑"; margin-bottom: 16px; padding-left: 15px; position: relative; }

.arxia h3::after { position: absolute; content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; top: 50%; transform: translate(-50%); left: 0; }

.f3bt1 { animation: fadeInUp 1.6s; }

.f3bt2 { animation: fadeInUp 1.6s; }

.arxia p { color: #ffffff; font-size: 14px; font-family: "微软雅黑"; letter-spacing: 1px; line-height: 1.5; }

.sanyuanxia { margin-top: 80px; overflow: hidden; }

.f3lianhuacon { width: 1200px; margin: 67px auto 0; }

.f3shangwenbve p { color: #464646; font-size: 16px; font-family: "微软雅黑"; line-height: 36px; margin: 37px 0 115px; animation: fadeInUp 1.6s; }

.f3piccc { width: 573px; position: relative; margin-left: 53px; }

.f3piccc img { width: 100%; }

.xiaocaoaa { position: absolute; left: -50px; bottom: -25px; }

.f3cnright { width: 510px; }

.f3cnright img { width: 100%; }

.f3cnleft { padding-top: 48px; }

.f3bt2 { margin-top: 44px; }

.fupinbt { width: 100%; text-align: center; }

.fupin { padding-top: 130px; width: 100%; }

.fupinbt p { font-size: 16px; font-family: '微软雅黑'; color: #333333; margin-top: 23px; margin-bottom: 47px; letter-spacing: 1px; line-height: 1.5; }

.fupintupianlist { width: 1125px; margin: 0 auto; }

.fupintupianlist img { width: 100%; }

.f3btn { width: 1200px; margin: 43px auto 0; position: relative; }

.fupitxt { width: 100%; position: absolute; top: 0; left: 0; z-index: -2; }

.fupitxt::after { position: absolute; content: ''; width: 100%; height: 6px; background: #f7f7f7; left: 0; top: 50%; transform: translateY(-50%); z-index: -2; display: none; }

.fupitxt p { color: #999999; font-size: 24px; font-family: "微软雅黑"; text-align: center; line-height: 47px; }

.f3btnleftbox { width: 47px; height: 47px; background: linear-gradient(to right, #122a7e, #277fc2); text-align: center; line-height: 47px; cursor: pointer; }

.lanfengpic { width: 100%; margin: 82px 0 126px; }

.lanfengpic img { width: 100%; }

.chengciaobt h3 { color: #333333; font-size: 30px; font-family: "微软雅黑"; }

.chengciaocon { width: 1200px; margin: 0 auto; }

.chengciaobt { text-align: center; }

.chengciaobt p { color: #333333; font-size: 16px; font-family: "微软雅黑"; margin-top: 33px; line-height: 1.5; }

.lianhualist { width: 100%; margin: 0 -19px; }

.lianhuaitemaa { width: 33.333333%; padding: 0 19px; }

.lianhuaitemaa:nth-child(1) { animation: fadeInUp 1.5s; }

.lianhuaitemaa:nth-child(2) { animation: fadeInUp 1.9s; }

.lianhuaitemaa:nth-child(3) { animation: fadeInUp 2.3s; }

.lianhuaitem a { width: 100%; height: 100%; display: block; }

.liitpic { width: 100%; position: relative; overflow: hidden; }

.liitpic img { width: 100%; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.f3toumnga { position: absolute; top: 0; left: 0; }

.lihuatxt { padding-top: 15px; }

.lihuatxt h6 { color: #005baa; font-size: 14px; font-family: "微软雅黑"; }

.lihuatxt h3 { color: #333333; font-size: 18px; font-family: "微软雅黑"; margin: 17px 0 32px; }

.f3more a span { color: #0067da; font-size: 20px; font-family: "微软雅黑"; }

.lianhualistbb { margin: 48px 0; overflow: hidden; }

.lianhuam_lianjie { width: 1200px; height: 95px; background: #eeeeee; margin-bottom: 50px; }

.lhu_aa { width: 100%; height: 100%; position: relative; }

.lhu_aa::after { position: absolute; content: ''; width: 100%; height: 0; background: #005baa; bottom: 0; left: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; z-index: 9; }

.lianhuam_lianjie a { width: 100%; height: 100%; display: block; color: #333333; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; text-align: center; line-height: 95px; z-index: 10; position: relative; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.f3jia { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.g2con { width: 1200px; margin: 0 auto; }

.g2list { width: 100%; margin: 65px -5px 0; min-height: 500px; }

.g2item { width: 33.333333%; padding: 0 5px; }

.g2itema { background: #fff; width: 100%; height: 222px; -webkit-transition: all .3s ease-out 0s; cursor: pointer; border-bottom: 1px solid #005baa }

.g2pic { width: 106px; text-align: center; position: relative; height: 100%; z-index: 1; }

.rencai01 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.rencai02 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.g2text { width: 100%; padding: 50px 35px; }

.g2text h3 { color: #333333; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.g2textxia { margin-top: 35px; }

.g2textxia p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }

.g2tanchuang { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.75); z-index: 80; display: none; }

.g2wenbenshang h2 { font-family: "微软雅黑"; font-size: 18px; font-weight: bold; }

.tanchuang { width: 70%; background: #fff; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px 75px 75px; border-bottom: 4px solid #005baa; height: 600px; }

.g2btn { position: absolute; top: 48%; right: 12%; width: 30px; height: 30px; background: #005baa; cursor: pointer; vertical-align: middle; text-align: center; background: url(../images/g2btn.png) no-repeat center #005baa; background-size: 70%; }

.g2btn img { width: 70%; }

.g2txta { margin: 38px 0 40px; }

.g2txta p { font-size: 16px; line-height: 1.8; }

.gebfboxx { display: inline-block; width: 180px; height: 52px; background: #efefef; }

.gebfboxx.active { background: #005baa; }

.gebfboxx.active a { color: #fff; }

.gebfboxx a { color: #005baa; font-size: 18px; font-family: "微软雅黑"; font-weight: lighter; display: block; width: 100%; height: 100%; text-align: center; line-height: 52px; }

.after_sale { width: 100%; /*background:#f0f3f9; */ background: #f9fafa; padding: 5% }

.after_sale h2 { font-size: 20px; margin-bottom: 35px; font-weight: bold }

.after_sale h1 { font-size: 24px; line-height: 50px; color: #005baa; padding-left: 40px; font-weight: bold }

.after_sale h1.bg1 { background: url(../images/service01.png) no-repeat left center; background-size: 3% }

.after_sale h1.bg2 { background: url(../images/service02.png) no-repeat left center; background-size: 3% }

.after_sale h1.bg3 { background: url(../images/service03.png) no-repeat left center; background-size: 3% }

.after_sale p { font-size: 16px; line-height: 2.5; }

.after_sale .line { background: #dcdcdc; height: 1px; width: 100%; margin: 30px 0 }

.after_sale img { padding: 15px 0; max-width: 100% }

.textinfo { width: 100%; margin-bottom: 45px; text-align: justify }

.textinfo p { font-size: 14px; line-height: 1.8; text-indent: 2em }

.pz { width: 100%; }

.pz .box { width: 100%; background: #f9fafa; float: left; vertical-align: middle; animation: fadeInUp 2.5s }

.pz .box .fl { float: left; width: 50%; animation: fadeInUp 2.6s }

.pz .box .ri { float: right; width: 50%; animation: fadeInUp 2.6s; }

.pz .box .img { width: 100%; }

.pz .box .img2 { max-width: 100%; margin-bottom: 30px }

.pz .box .img img,
.pz .box .img2 img { max-width: 100% }

.pz .box p { width: 50%; padding: 45px 45px 0 45px; height: 100%; font-size: 16px; line-height: 1.8; float: left; text-align: justify }

.pz .box p b { font-weight: bold; width: 100%; text-align: left; float: left; line-height: 3 }

.pz .sb { width: 100%; font-size: 0 }

.pz .sb li { width: 23.5%; display: inline-block; margin-left: 2%; margin-bottom: 20px; }

.pz .sb li a { width: 100%; display: block; color: #333 }

.pz .sb li a .pic { width: 100%; overflow: hidden }

.pz .sb li a img { width: 100%; }

.pz .sb li a h1 { width: 100%; background: #fff; text-align: center; padding-top: 10px; height: 40px; font-size: 16px; line-height: 18px; }

.pz .sb li:nth-child(1),
.pz .sb li:nth-child(5) { margin-left: 0 }

.pz .sb li a:hover .pic img { transform: scale(1.1, 1.1); transition: all 0.3s; }

.pz .sb li a:hover h1 { color: #005baa }

.pz .title { width: 100%; text-align: center; padding: 60px 0 40px 0; float: left }

.pz .title h1 { color: #005baa; font-size: 30px; font-weight: bold; line-height: 1.6; text-align: center }

.pz .title h2 { font-size: 24px; color: #464646; letter-spacing: 1px; line-height: 2; }

.pz .title p { font-size: 16px; color: #464646; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; font-family: "Conv_Roboto-Light", "微软雅黑"; }

.pz .title b { width: 100%; text-align: center; font-size: 16px; font-weight: lighter; margin-top: -30px; margin-bottom: 20px; }

.join { width: 100% }

.join .textinfo { text-align: center; margin: 30px 0 }

.join .textinfo p { text-indent: 0 }

.join .box { width: 100%; background: url(../images/join.jpg) no-repeat center; height: 650px; background-size: cover }

.join .box .con { width: 1200px; margin: 0 auto }

.join .box .con .message { width: 40%; height: 500px; padding: 30px; background: rgba(0,91,170,.6); border-radius: 10px; float: right; margin-top: 50px; }

.join .box .con .message li { width: 100%; margin-bottom: 15px; color: #fff }

.join .box .con .message li input[type=text] { width: calc(100% - 2px); border: 1px solid #fff; background: #fff; height: 40px; line-height: 40px; padding: 0 10px; border-radius: 5px; }

.join .box .con .message li textarea { background: #fff; height: 150px; width: calc(100% - 2px); padding: 10px; border: 1px solid #fff; line-height: 24px; border-radius: 5px; }

.join .box .con .message li select { width: calc(100% - 2px); border: 1px solid #fff; background: #fff; height: 40px; line-height: 40px; padding: 0 10px; border-radius: 5px; }

.join .box .con .message li input[type=submit] { font-size: 16px; height: 40px; border: 0px solid #fff; background: #fff; width: 100%; text-align: center; color: #005baa; line-height: 40px; border-radius: 5px; transform: all 0.3s; }

.join .box .con .message li input[type=submit]:hover { background: #005baa; color: #fff; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }

.banshichu { width: 100%; font-size: 0; vertical-align: top; }

.banshichu li { width: 49%; padding: 30px; background: #f9fafa; margin-left: 2%; margin-bottom: 20px; display: inline-block; vertical-align: top }

.banshichu li:nth-child(2n+1) { margin-left: 0 }

.banshichu li h1 { font-size: 18px; color: #005baa; font-weight: bold; margin-bottom: 15px; }

.banshichu li p { font-size: 14px; line-height: 20px; margin: 8px 0 }

.hzbrand { width: 100%; font-size: 0; vertical-align: top; }

.hzbrand li { width: 20%; display: inline-block; overflow: hidden }

.hzbrand li img { width: 100%; }

.hzbrand li:hover img { transform: scale(1.1, 1.1); transition: all 0.3s; }

.rencai { width: 100% }

.rencai .linian { height: 430px; padding: 4%; background: url(../images/rc_bg1.jpg) center center no-repeat; background-size: cover; color: #333; }

.rencai .linian .text { width: 57%; height: 100%; float: right; color: #333; padding-top: 3%; text-align: justify }

.rencai .linian .text h1 { font-size: 24px; font-weight: bold; line-height: 40px }

.rencai .linian .text p { font-size: 16px; line-height: 2; margin-bottom: 15px; padding: 10px 0 30px 0; }

.rencai .linian .text span { font-size: 16px; padding-left: 135px; position: relative }

.rencai .linian .text span:before { width: 130px; position: absolute; content: ""; height: 1px; background: #989c9e; top: 50%; left: 0 }

.rencai .lc { padding: 3% 2%; background: #f9fafa; margin-top: 30px; font-size: 0; text-align: center }

.rencai .lc li { display: inline-block; height: 200px; vertical-align: middle }

.rencai .lc h2 { font-size: 24px; margin-bottom: 30px; text-align: center }

.rencai .lc li:nth-of-type(even) { width: 5%; text-align: center }

.rencai .lc li:nth-of-type(even) img { width: 95%; margin-top: 95px }

.rencai .lc li:nth-of-type(odd) { width: 12.5%; background: #fff; }

.rencai .lc li:nth-of-type(odd) h1 { width: 100%; font-size: 16px; line-height: 2 }

.rencai .lc li:nth-of-type(odd) img { margin-bottom: 30px; margin-top: 30% }

.rencai .daiyu { width: 100%; margin-top: 30px; font-size: 0; vertical-align: top; }

.rencai .daiyu li { width: 49%; padding: 30px; display: inline-block; margin-left: 2%; background: #f9fafa; text-align: center; vertical-align: top; }

.rencai .daiyu li:nth-child(1) { margin-left: 0 }

.rencai .daiyu li h2 { font-size: 20px; position: relative; margin: 30px 0 20px; padding-bottom: 20px; }

.rencai .daiyu li h2:before { content: ""; position: absolute; bottom: 0; left: 45%; width: 10%; height: 3px; background: #005baa; }

.rencai .daiyu li p { text-align: center; font-size: 16px; line-height: 1.8; width: 90%; margin: 0 auto; height: 90px; }

.rencai .daiyu li:hover h2:before { width: 20%; left: 40%; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }

.product { width: 100%; font-size: 0 }

.product li { display: inline-block; width: 32%; margin-left: 2%; background: #fff; transition: all 0.3s; margin-bottom: 3% }

.product li:nth-child(1),
.product li:nth-child(4),
.product li:nth-child(7),
.product li:nth-child(10) { margin-left: 0 }

.product li a { width: 100%; display: block }

.product li .pic { width: 100%; overflow: hidden }

.product li .pic img { width: 100%; transition: all 0.3s; }

.product li .text { padding: 5%; }

.product li .text h1 { font-size: 16px; font-weight: bold; color: #333; line-height: 32px; transition: all 0.3s; }

.product li .text p { font-size: 13px; color: #333; line-height: 29px; }

.product li:hover { box-shadow: 0 5px 10px rgba(0,0,0,.05) }

.product li:hover .pic img { transform: scale(1.1, 1.1); }

.product li:hover .text h1 { color: #005baa }

.contactus { width: 100%; }

.cont_con { width: 1200px; margin: 65px auto; }

.cont_left { width: 695px; }

#map { width: 100%; height: 500px; }

.cont_right { width: calc(100% - 695px); height: 500px; background: #005baa; padding: 30px 50px; }

.right_txtx { margin-bottom: 10px; }

.right_txtx p { color: #fff; font-size: 16px; font-weight: lighter; }

.livemessage { width: 100%; float: left; background: #f9fafa; margin-top: 40px; padding: 30px 5% }

.livemessage .title { width: 100%; text-align: center; }

.livemessage .title h2 { font-size: 30px; color: #464646; letter-spacing: 1px; line-height: 2; }

.livemessage .title p { font-size: 18px; color: #464646; text-transform: uppercase; letter-spacing: 1px; font-family: "Conv_Roboto-Light", "微软雅黑"; }

.livemessage .box { width: 100%; margin-top: 25px; font-size: 0 }

.livemessage .box li { width: 32%; display: inline-block; margin-left: 2%; margin-bottom: 20px; }

.livemessage .box li:nth-child(1) { margin-left: 0 }

.livemessage .box li:nth-child(4),
.livemessage .box li:nth-child(5) { margin-left: 0; width: 100% }

.livemessage .box li input[type=text] { width: calc(100% - 2px); border: 1px solid #ddd; background: #fff; height: 48px; line-height: 48px; padding: 0 10px; border-radius: 5px; }

.livemessage .box li textarea { background: #fff; height: 180px; width: calc(100% - 2px); padding: 10px; border: 1px solid #ddd; line-height: 24px; border-radius: 5px; }

.livemessage .box li input[type=submit] { font-size: 16px; height: 48px; border: 1px solid #005baa; background: #005baa; width: 100%; text-align: center; color: #fff; line-height: 48px; border-radius: 5px; transform: all 0.3s }

.livemessage .box li input[type=submit]:hover { background: #055294; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }

.weizhi { margin-left: 10px; width: 13%; }

.ttxtpic { display: inline-block; width: 19px; }

.right_txtx span { display: block; }

.h1txt { width: 76%; }

.rtxta { text-align: center; width: 161px; margin-top: 27px; }

.rtxta p { color: #fff; font-size: 14px; line-height: 1.8; }

.rtabox { width: 157px; margin-bottom: 16px; }

.rtabox img { width: 100%; }

.policycon { width: 1200px; margin: 66px auto 0; }

.policbt { width: 175px; height: 201px; }

.policbt h2 { color: #464646; font-size: 72px; font-family: "Arial"; font-weight: bold; text-transform: uppercase; }

.policleft { width: 688px; position: relative; }

.poliright { width: calc(100% - 826px); padding-top: 50px; }

.poliright h3 { animation: fadeInUp 1.6s; }

.policypic1 { margin-top: 65px; margin-right: 27px; }

.porigtone { animation: fadeInUp 1.6s; }

.g1lianaa { animation: fadeInUp 1.6s; }

.porigttwo { animation: fadeInUp 1.6s; }

.policypic2 { width: 385px; height: 634px; background: rgba(0,126,255,0.5); position: absolute; top: 0; right: 0; z-index: 25; }

.poliright h3 { color: #333333; font-size: 24px; font-family: "微软雅黑"; }

.porigt { margin-top: 25px; }

.porigt p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 28px; }

.g1lian { margin-top: 25px; margin-bottom: 57px; }

.g1lianji { animation: fadeInUp 1.6s; }

.g1lianbb span { color: #005baa; font-size: 16px; font-family: "微软雅黑"; }

.g1guihua { width: 100%; }

.g1huihuacon { width: 1200px; margin: 170px auto 140px; }

.g1guileft { width: 363px; }

.g1guihuaright { width: calc(100% - 363px); padding-left: 30px; position: relative; }

.g1guihuaright::after { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 136px; content: ""; background: #1b1b1b; }

.g1guileft h2 { color: #333333; font-size: 30px; font-family: "微软雅黑"; font-weight: bold; }

.g1guihuaright p { color: #333333; font-size: 14px; font-family: "微软雅黑"; font-weight: lighter; line-height: 24px; }

.g2item { animation: fadeInUp 1.8s; }

.g1boxa { margin-bottom: 79px; }

.g1boxa:nth-child(1) { animation: fadeInUp 1.6s; }

.g1boxa:nth-child(2) { animation: fadeInUp 1.9s; }

.g1boxa:nth-child(3) { animation: fadeInUp 2.3s; }

.spanbt { color: #005baa; font-weight: bold; font-family: "微软雅黑"; font-size: 14px; display: block; width: 70px; line-height: 24px; }

.sanantxt { width: calc(100% - 70px); line-height: 24px; }

.g2p1 { margin-top: 20px; }

.g2p2 { margin-top: 34px; }

.g1boxa_b .g1guihuaright::after { height: 190px; }

.g2rencai { width: 100%; background: #f9fafa; }

.g2rencai_con { width: 1200px; margin: 0 auto; padding-top: 72px; }

.g2rencai_con h3 { font-family: "微软雅黑"; font-size: 30px; color: #333333; font-weight: bold; }

.g2renbtlist { margin-top: 65px; margin-bottom: 40px; width: 524px; }

.g2renbtitem { width: 127px!important; }

.g2renbtitem h5 { font-family: "微软雅黑"; font-size: 18px; color: #333333; position: relative; line-height: 1.5; text-align: center; }

.g2renbtitem h5::after { position: absolute; content: ""; width: 0; height: 0; border-width: 0 5px 5px; border-style: solid; border-color: transparent transparent #005baa;/*透明 透明  灰*/ bottom: -9px; left: 50%; transform: translateX(-50%); opacity: 0; }

.g2renbtlist .g2renbtitem:nth-child(2) { margin: 0 40px; }

.g2renbtitem { border-bottom: 2px solid #f9fafa; padding-bottom: 9px; cursor: pointer;/*  display:none;*/ }

.g2renbtitem.active { border-color: #005baa; }

.g2renbtitem.active h5 { color: #005baa; }

.g2renbtitem.active h5:after { opacity: 1; }

.g2luboleft>p { font-family: "微软雅黑"; font-size: 14px; color: #999999; line-height: 24px; margin-bottom: 50px; }

.g2luboleft { width: 100%; padding-top: 27px; }

.g2_text h2 { font-family: "微软雅黑"; font-size: 14px; color: #005baa; font-weight: bold; }

.g2_text p { font-family: "微软雅黑"; font-size: 14px; color: #333333; margin-top: 11px; line-height: 1.5; }

.g2_text { margin-bottom: 37px; }

.g2lunboright { width: 50%; text-align: center; }

.g2_lunboright img { max-width: 100%; }

.g2lunboright .f3btn { width: 100%; margin: 15px auto 0; position: relative; }

.g2lunboright .f3btn { z-index: 10; }

.g2lunboright .fupitxt p { color: #666666; font-size: 18px; }

.g2_lunboright { display: none; }

.b2html { position: relative; z-index: 100; top: 0; left: 0; }

.b2fixed { width: 100%; height: 100%; position: fixed; top: 0; left: 0; }

.b2fixed img { width: 100%; height: 100%; }

.lianjie a { display: block; }

.d5body .page li.activepage { background: #2aa3eb; color: #fff; }

.e1body .page li.activepage { background: #2aa3eb; color: #fff; }

.e2body .page li.activepage { background: #2aa3eb; color: #fff; }

.bavideo img { width: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); }

.b2_lianhua .lianhuaright img { max-width: 100%; }

.padpicc { display: none; width: 100%; }

.padpicc img { width: 100%; }

.policypic1 img { width: 100%; }

.sousuoend { font-size: 28px; color: #fff; }

.sousuoend.act { color: #999999; }

.pcdaohangwai .sousuoend { color: #666 }

.pcdaohangwai .sousuoa a { color: #666 !important; border: 2px solid #666; }

.pcdaohangwai .sousuoa a:hover { color: #fff !important; background: #d00000; border: 2px solid #d00000 }

.pcdaohangwai .sousuoa a:before { background: #999 }

.b1fa { width: 100%; }

.b1facon { width: 1200px; /*height:815px;*/
margin: 0 auto; position: relative; padding-top: 122px; }

.b1fabt { width: 454px; height: 200px; background: #11287c; position: absolute; top: 0; }

.b1fabt h2 { color: #ffffff; font-size: 30px; font-family: "微软雅黑"; line-height: 200px; padding-left: 111px; position: relative; }

.b1fabt h2::after { position: absolute; content: ''; width: 242px; height: 1px; background: #fff; bottom: 70px; left: -35px; }

.slick_contiont { width: 100%; display: none; margin-top: 86px; }

.slick_item { }

.slickright { width: 100%; margin-top: 18px; }

.slickright.active { width: 713px; height: 454px; }

.slickleft { width: 100%; position: relative; }

.slickleft h3 { color: #fff; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; }

.slicklefttxt { margin-top: 15px; }

.slickleft p { color: #fff; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; }

.slickright img { width: 100%; }

.slick_contiontbox { width: 100%; margin: 0 auto; padding: 0 15px; }

.ceshia { width: 1200px; float: right; }

.b1ceshi { width: 1200px; float: right; }

.b1ceshiitem { width: 350px; height: 227px; }

.b1ceshiitem img { width: 350px; height: 227px; }

.b1ceshiitem.slick-current { width: 711px!important; height: 456px!important; }

.b1ceshiitem.slick-current .b1ceshiitempic { width: 711px!important; height: 456px!important; }

.b1ceshiitem.slick-current img { width: 711px; height: 456px; }

.b1ceshiitem.slick-current .slickleft { display: block; }

.bl02::before { position: absolute; left: 0; top: 0; width: 23px; height: 23px; border-radius: 23px; background: #fff; opacity: 0.2; content: ""; }

.bl02::after { content: ''; text-align: left; }

.bl03::before { position: absolute; left: 0; top: 0; width: 23px; height: 23px; border-radius: 23px; background: #fff; opacity: 0.2; content: ""; }

.bl03::after { content: ''; text-align: left; }

.bl01 { margin-left: -8px; }

#container .content.history-view .section02 > .wrap .swiper-button-prev { width: 44px; height: 26px; bottom: 181px!important; top: auto!important; }

#container .content.history-view .section02 > .wrap .swiper-button-next { width: 44px; height: 26px; bottom: 181px!important; top: auto!important; }

#container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dt { color: #fff; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; }

#container .content.history-view .section02 > .wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dd { font-size: 14px; color: #c6daff; line-height: 24px; margin-top: 35px; padding-left: 40px; }

#wrap { position: absolute; width: 100%; min-width: 1200px; top: 373px; }

.b1fa { height: 815px; position: relative; }

.slicktime { margin: 18px 0 25px; }

.slicktime p { color: #fff; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; text-align: center; }

.slick_contiont .slick-dots { transform: translateX(-15px); bottom: 5px; }

.slick_contiont .slick-dots li { background: #fff; }

.slick-dots li.slick-active { background: #999; }

#container .content.history-view .section02 > .wrap .swiper-pagination .bl span::after { content: ""; position: absolute; width: 91px; height: 1px; background: #fff; left: -9px; bottom: -40px; opacity: 0; }

#container .content.history-view .section02 > .wrap .swiper-pagination .bl span { overflow: unset; }

#container .content.history-view .section02 > .wrap .swiper-pagination .bl.active span::after { /* opacity: 1;*/
}

.wj_pb_bc_list.act p { color: #005baa }

.wj_pb_bc_list.act i { color: #005baa }

.c3body .c3news .nw_txta { width: 100%; padding-right: 72px; }

.c2text { padding-top: 41px; padding-bottom: 29px; }

.honorinfo { padding-top: 41px; padding-bottom: 29px; text-align: center }

.honorinfo img { max-width: 100% }

.d1body .lianhuaright p { margin-bottom: 0; }

.lrtxt p:nth-child(3) { margin-bottom: 50px; }

.d3body .d1bigtxt { margin-top: 10px; line-height: 1.1!important; }

.d3body .lianhuaright { width: calc(100% - 387px); background: #f7f9fb; padding-left: 60px; padding-top: 50px; padding-bottom: 40px; padding-right: 48px; margin-bottom: 295px; }

.d3body .lianhuaright p { margin-bottom: 24px; }

.e2rileft h2 { margin-bottom: 23px; }

.fiitema h3 { color: #215dab; }

.fiitemb h3 { color: #005baa; }

.fiitemc h3 { color: #102078; }

.pioneerleftcc { margin-bottom: 172px; }

.g2body .page li.activepage { background: #2aa3eb; color: #fff; }

.right_txtx span { font-size: 16px; color: #fff; font-weight: lighter; }

.pcdaohangwai .logo_b { display: block; }

.bannerindex { position: fixed; top: 0; left: 0; }

.indexboxa { margin-top: 100vh; background: #fff; }

.earth { background: url(../images/map_bg.png) bottom center no-repeat #f9fafa; position: relative; }

.earth .hexincon { padding: 100px 0 0 }

.earth_con { /* background:#fff;*/
}

.banner_item video { position: relative; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; }

.slick-vertical .slick-slide { height: 100vh; }

.ban_a { height: 100%; min-width: 100%; }

.b1_bannera { display: none; }

.bavideo .bg { height: 100vh; position: relative; top: 0; left: 50%; transform: translateX(-50%); width: 100%; background: url(../images/companybg.jpg) no-repeat; background-size: cover }

.bavideo video { height: 100vh; position: relative; top: 0; left: 50%; transform: translateX(-50%); width: 100%; }

.bavideo { position: relative; }

.bavideo::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }

.ban_a { transition: all 1s ease-out 0s; position: relative; top: 0; left: 50%; transform: translateX(-50%) scale(1.1); }

.banner_item video { transition: all 1s ease-out 0s; position: relative; top: 0; left: 50%; transform: translateX(-50%) scale(1.1); }

.banner_pic .banner_item.slick-active .ban_a { transform: translateX(-50%) scale(1); }

.banner_pic .banner_item.slick-active video { transform: translateX(-50%) scale(1); }

.b3body .footer { /*   bottom:0;
    position:absolute;
    bottom:0;*/
}
@keyframes 
myfirstaa {  0% {
transform: translateY(0);
}
 100% {
transform: translateY(10px);
}
}

.scroll img { animation: myfirstaa 1s infinite alternate ease-in; }

.sectionbox { height: 200px!important; }

.sectionbox .fp-tableCell { height: 200px!important; }

#fullpage .section:nth-child(4) { height: 200px!important; }

#fullpage .section:nth-child(4) .fp-tableCell { height: 200px!important; }

.slick_contiontbox .slick-dots li { background: #c2c2c2; }

.slick_contiontbox .slick-dots li.slick-active { background: #333; }

.w_g_wapcen { width: 100vw; height: 100vh; background: #0154b4; position: fixed; left: 0; top: 0; z-index: 99999999999999999999999999999999; }

.g_wapcen { position: fixed; left: 50vw; top: 50vh; transform: translate(-50%, -50%); }

.g_wap { width: 148px; height: 168px; position: relative; margin: auto; }

#g_swg4 { transition: all 3s; }

.spinner6 { margin: 10px auto 0; width: 150px; text-align: center; }

.spinner6 > div { width: 10px; height: 10px; background-color: #00A2E9; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner6 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.spinner6 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

.lvceng { width: 148px; margin-bottom: 27px; }

.lvceng img { width: 100%; }

.w_php { opacity: 0; }

.w_php .navitem>a { color: #fff }

.w_php .navitem.act { display: none }

.g_infrxbox { overflow: hidden !important; width: 100vw; height: 100vh; }
@-webkit-keyframes 
bouncedelay {  0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes 
bouncedelay {  0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}

/*.g2bbbb{
    display:none;
}
.g2bbbb.active{
    display:block;
}*/

.g2bbbbmoij { width: 50%; }

/*.g2renbtlist .slick-current h5{
    color: #005baa;
}
.g2renbtlist .slick-current h5::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #005baa;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}
.g2renbtlist .slick-current.g2renbtitem{
       border-color: #005baa; 
} */

.bsFrameDiv div { overflow: hidden!important; }

.bsFrameDiv { overflow: hidden; }

.bsFrameDiv img { width: 170px!important; height: 170px!important; }

.f3btnleftbox { display: none; }

.g2lunboright { transform: translateY(-79px); }

.bl { position: relative; }

.yuandiani { position: absolute; font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: #fff; top: 50%; left: 53%; transform: translate(-52%, -50%); opacity: 0.9; }

.bl.active .yuandiani { background: #11287c; }

.yuandiani::after { content: ""; position: absolute; width: 91px; height: 1px; background: #fff; left: -9px; bottom: -45px; opacity: 0; }

.bl.active .yuandiani::after { opacity: 1; }

.g_list { overflow: hidden; height: 62px; }

.g_box { transition: all 0.3s; }

#container .content.history-view .section02 > .wrap .swiper-pagination { /* padding-left:50px;*/
bottom: -8px; }

#container .content.history-view .section02 > .wrap .swiper-pagination .bl { position: relative; width: 23px; height: 23px; /* opacity: 0.8; */
margin-right: 100px; overflow: visible; background: rgba(255,255,255,0.3); border-radius: 50%; margin-left: 100px; }

#container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(4),
#container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(7),
#container .content.history-view .section02 > .wrap .swiper-pagination .bl:nth-child(10) { margin-left: 93px; }

.e2jianjie { width: 1200px; margin: 0 auto; padding: 65px 0 0; }

.e2jianjie p { color: #464646; font-size: 18px; font-family: "微软雅黑"; line-height: 1.75 }

.sbbb { color: #fff; }


.newjoin_title{ width:100%; text-align:center; position:relative; animation:fadeInUp 1s; }
.newjoin_title h1{ font-size:42px; color:#005baa; font-weight:bold; line-height:1.8;}
.newjoin_title h2{ font-size:32px; color:#005baa;font-weight:bold;line-height:2.2; padding-top:60px}
.newjoin_title h3{ font-size:18px; color:#333; }
.newjoin_title span{ position:absolute; z-index:-1; color:#ddd; font-size:90px; font-weight:bold; display:block; width:100%; top:30px; left:0; text-align:center}


.newjoin_info{ max-width:100%; margin:55px  0; position:relative; animation:fadeInUp 1.5s;}
.newjoin_info img{ width:100%;}
.newjoin_info ul{ width:100%; left:0; top:35%; z-index:9; position:absolute; text-align:center; font-size:0}
.newjoin_info ul li{ width:33.33%; display:inline-block;     vertical-align: top;}
.newjoin_info ul li h1{ font-size:24px; color:#005baa; font-weight:bold; margin-bottom:20px }
.newjoin_info ul li h2{ font-size:22px;color:#333; line-height:1.4}

.newjoin_yous{ width:100%; margin-top:50px; animation:fadeInUp 1.5s }
.newjoin_yous ul{ width:100%; font-size:0}
.newjoin_yous ul li{ display:inline-block; background:#f9fafa; margin:20px 0 ;}
.newjoin_yous ul li .left , .newjoin_yous ul li .right{ width:50%; display:inline-block;vertical-align: top;}
.newjoin_yous ul li .left { overflow:hidden}
.newjoin_yous ul li .left  img{    transition: all .3s ease-out 0s;}
.newjoin_yous ul li .left  img:hover{transform:scale(1.05)}
.newjoin_yous ul li .left img{ width:100%;}
.newjoin_yous ul li .right .txt{ margin:13% 17% 0 17%; border-left:2px solid #009cff; padding-left:25px; }
.newjoin_yous ul li .right .txt h1{ color:#a0a0a0; font-size:24px; font-weight:bold;line-height:1.4}
.newjoin_yous ul li .right .txt h2{ font-size:26px; color:#333; margin-top:15px;line-height:1.4}
.newjoin_yous ul li .right .txt h2 span{ color:#005baa}

.newjoin_brand{ width:100%; background:url(../images/joinbg2.jpg) no-repeat center;  padding:80px 0;  animation:fadeInUp 1.5s}
.brand_ys{ width:100%; font-size:0}
.brand_ys li{ width:33.33%; display:inline-block; vertical-align:top; text-align:center; color:#fff; }
.brand_ys li img{ margin-bottom:20px; width:80px;}
.brand_ys li h1{ font-size:20px; line-height:1.8;}
.brand_ys li:hover h1{ color:#009cff}
.brand_ys li:hover h2{ color:#009cff}
.brand_ys li h2{ font-size:16px; line-height:1.8; color:rgba(255,255,255,.6)}
.brand_ys li:nth-child(1), .brand_ys li:nth-child(2),.brand_ys li:nth-child(3){ margin-bottom:50px;}
.brand_ys2{ width:100%; margin-top:40px; font-size:0}
.brand_ys2 li{ width:50%; display:inline-block; vertical-align:top; background:url(../images/join_icon7.jpg) no-repeat center left; padding:5px 0}
.brand_ys2 li p{ font-size:18px; line-height:1.6; padding-left:25px;}

.product_ys{ width:100%;  animation:fadeInUp 1.5s}
.product_ys ul{ width:100%; font-size:0}
.product_ys ul li{ display:inline-block; width:33.33%; vertical-align:top; padding:0 20px; text-align:center;}
.product_ys ul li .img{ text-align:center; margin:50px 0 30px 0;}
.product_ys ul li .img img{ width:80%}
.product_ys ul li h1{ font-size:20px; line-height:1.8;  font-weight:bold; margin-bottom:10px;}
.product_ys ul li:hover h1{ color:#005baa}
.product_ys ul li p{  font-size:15px;   line-height:1.8; }
.product_ys ul li h2{ font-size:16px; line-height:1.8;   font-weight:bold; }
.product_ys ul li h3{ background:url(../images/dot.jpg) no-repeat 0 10px; font-size:16px; padding-left:15px; text-align:left; line-height:1.6; margin:5px 0; color:#666}

.support{ width:100%; margin-top:50px; animation:fadeInUp 1.5s}
.support ul{ width:100%; font-size:0; }
.support ul li{display:inline-block; width:calc(100% / 6 - 20px);  vertical-align:top; margin:0 10px; text-align:center; background:#f9fafa; border:1px solid #e4e0e0; height:280px; padding-top:35px; border-radius:10px}
.support ul li h1{ font-size:18px; line-height:1.8;  font-weight:bold; margin-bottom:10px;}
.support ul li p{ font-size:16px; line-height:1.8 ; padding:0 20px; color:#666}
.support ul li:hover h1 , .support ul li:hover p{ color:#005baa}

.joininfo{ width:100%; background: #005baa;  padding: 75px 0 75px; font-size:0; margin-top:50px;  animation:fadeInUp 1.5s}
.joininfo .left ,  .joininfo .right{ width:50%; display:inline-block; vertical-align:top}
.joininfo .right{ overflow:hidden}
.joininfo .right img{    transition: all .3s ease-out 0s;}
.joininfo .right img:hover{transform:scale(1.05)}
.joininfo .left{ padding-right:30px;}
.joininfo .left li{ border-bottom:1px dashed rgba(255,255,255,.5); font-size:16px; color:#fff; line-height:1.6; margin-top:20px; padding-bottom:10px;}
.joininfo .right img{ width:100%;}

.joinmessage{ background: #f9fafa; margin-top: 40px; padding: 30px 5%;  animation:fadeInUp 1.5s}
.joinmessage h3{ font-size:16px;   line-height:2.2; margin-top: 10px;}
.joinmessage ul{ font-size:0}
.joinmessage ul li{ width:22.75%; margin-left:2%; margin-bottom:20px; display:inline-block; font-size:14px;}
.joinmessage .city{}
.joinmessage .city li:nth-child(3){ width:49.5%}
.joinmessage div{ margin-bottom:20px;}
.joinmessage ul li:nth-child(1){ margin-left:0}
.joinmessage ul li input[type=text]{width: calc(100% - 2px);
    border: 1px solid #ddd;
    background: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    border-radius: 5px;}
.joinmessage textarea{
	background: #fff;
    height: 180px;
    width: calc(100% - 2px);
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 24px;
    border-radius: 5px;
	} 
.joinmessage  input[type=radio]{-webkit-appearance: checkbox; margin-right:5px}
.joinmessage  input[type=checkbox]{-webkit-appearance: checkbox;margin:5px 5px 0 0;font-size:14px;}
.joinmessage  input[type=submit] { font-size: 16px; height: 48px; border: 1px solid #005baa; background: #005baa; width: 100%; text-align: center; color: #fff; line-height: 48px; border-radius: 5px; transform: all 0.3s }
.joinmessage   input[type=submit]:hover { background: #055294; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }

.joinlc{ width:100%; font-size:0; margin-top:50px; text-align:center; animation:fadeInUp 1.5s}
.joinlc li{ display:inline-block; vertical-align:middle; text-align:center}
.joinlc li:nth-of-type(odd){ width:160px; height:160px; border:1px solid #009cff; border-radius:50%}
.joinlc li:nth-of-type(odd):hover  { background:#f9fafa; color:#005baa; border:1px solid #005baa; font-weight:bold} 
.joinlc li:nth-of-type(odd) img{ padding:40px 0 10px 0}
.joinlc li:nth-of-type(odd) h1{ font-size:18px;  line-height:1.8}
.joinlc li:nth-of-type(even){ padding:0 20px;}

.join_contact{ width:100%; border:1px solid #009cff; padding:60px 30px; text-align:center; margin:50px 0; animation:fadeInUp 1.5s}
.join_contact h1{ /*background:url(../images/join_icon14.jpg) no-repeat center left; padding-left:35px; */font-size:22px;}
.join_contact h2{ font-size:46px; color:#005baa; font-weight:bold; line-height:1.8 ;  }
.join_contact ul{ font-size:0; width:100%; margin-top:30px;}
.join_contact ul li{width: 30%;
    display: inline-block;
    text-align: center;
    background: #005baa;
    margin: 0 1.5%;
    padding: 25px 0;
	color:#fff;
	border-radius:10px;}
.join_contact ul li:hover{ background:#009cff}
.join_contact ul li span{ font-size:18px; font-weight:bold; padding-left:30px;  }
.join_contact ul li:nth-child(1) span{ background:url(../images/join_icon15.png)no-repeat  left center}
.join_contact ul li:nth-child(2) span{ background:url(../images/join_icon16.png)no-repeat  left center}
.join_contact ul li:nth-child(3) span{ background:url(../images/join_icon17.png)no-repeat  left center}
.join_contact ul li p{ font-size:18px; margin-top:15px;}
.join_contact ul li p span{ font-size:14px; background:none !important; padding: 0 !important; font-weight:lighter}
.newjoin{}


@media screen and (max-width: 1200px) {

.product li .text p { display: none }

.after_sale h2 { font-size: 16px }

.after_sale h1 { font-size: 20px; }
}
@media screen and (max-width: 768px) {

.product li { width: 100%; margin-left: 0 }

.product li .text { padding: 2% 5% }

.banshichu li { width: 100% }

.banshichu li:nth-child(2n+2) { margin-left: 0 }

.textinfo { margin-bottom: 20px; }

.textinfo p { font-size: 13px; line-height: 1.7; }

.hzbrand li { width: 50% }

.after_sale h2 { font-size: 14px; line-height: 1.6; margin-bottom: 20px; }

.after_sale h1 { font-size: 16px; }

.after_sale h1.bg1,
.after_sale h1.bg2,
.after_sale h1.bg3 { background-size: 7% }

.after_sale p { font-size: 14px; line-height: 1.8; }

.after_sale .line { margin: 18px 0 }

.after_sale img { padding: 8px 0; }
}