@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:15px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.top_t{font-size: 14px; color: #666; background: #f2f2f2; line-height: 35px;border-bottom: 1px solid #dfdfdf;}
.top_t p{line-height: 35px;}
.header_top { height: 111px; background: url(../images/header_top.jpg)  no-repeat center center; overflow: hidden; width:100%; color:#fff; font-size: 18px;}
.header_top .fl{margin-top: 20px;}
.header_top .fr {margin-top: 20px; width:280px;text-align: right;color: #999;font-size: 16px;line-height: 30px;}
.header_top .fr strong{font-size: 22px;color: #DAB765;}
.header_top .fr p{font-size: 15px;padding-left: 38px;background: url(../images/tel.png) no-repeat center left;display: block;margin-bottom: 10px}
.header_top .fr p b{font-size: 26px;font-family: Arial;color: #0C4FA5}
.header_nav{position: relative;z-index: 99;}
.header_nav .header_nav1{background:#0c4fa5;height: 70px; }
.menu > li{float: left;width: 200px;height:70px; text-transform: uppercase; font-size: 14px; padding-top:12px; box-sizing: border-box; border-left: 1px solid #fff;position: relative;}
.menu > li:nth-child(1) {border-left: 0px;}
.menu > li span{display: block; font-size: 13px; padding:3px 0}
.menu > li > a{text-align: center;display: block;font-size: 16px;color:#fff;}
.menu > li.hover,.menu > li:hover{background: #DAB765; }
.menu > li.hover > a,.menu > li:hover a{color:#fff;}
.menu > li.hover .hor,.menu > li:hover .hor{ margin-top:0px;transform: margin-top 700ms;}
.erji {position: absolute;top: 70px;background: rgba(0,0,0,0.7);width: 100%;display: none;}
.erji li a{display: block;font-size: 15px}
.erji li{width: 100%;text-align: center;line-height: 45px;border-top: 1px solid #dfdfdf}
.menu > li:hover .erji{display: block;}
.erji li:hover {background: #DAB765}
/*header end*/


/*banner start*/
.banner{
	position: relative;
	top: -35px;
}
.flexslider{
	position: relative;
	width: 100%;
	height:550px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li{
	width: 100%;
	height: 100%;
}
.flex-direction-nav a{
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{
	background: #1F4CB0;
}
.flexslider .slides a img {
	width: 100%;
	height: 550px;
	display: block;
}
/*banner end*/

/*product start*/
.product{padding:20px 0 50px 0;}
.product .pro_list{width: 560px;height: 520px;background:#0C4FA5;}
.product .pro_list .pl_top{height: 80px;border-bottom: 1px solid #99aabe;line-height: 80px;text-align: center;color: #fff;font-size: 30px;letter-spacing: 8px}
.product .pro_list ul{margin-top: 15px}
.product .pro_list ul li{height: 30px;line-height: 30px;width: 235px;background:#fff;margin: 8px auto;float: left;margin-left: 30px;}
.product .pro_list ul li a{display: block;font-size: 14px;padding: 0 15px;}
.product .pro_list ul li em{display: block;width: 35px;height: 35px;float: right;background:url(../images/jt.png) no-repeat center;}
.product .pro_list ul li:hover em{background:url(../images/jt2.png) no-repeat center;}
.product .pro_list ul li:hover {background:#DAB765;}
.product .pro_list ul li:hover a{color: #fff}
.product .pro_img{width: 640px;padding-top: 45px;background:url(../images/bgpl.png) no-repeat top left;}
.product .pro_img .img{width: 640px;height: 475px;overflow: hidden;}
.product .pro_img .img img{width: 640px;height: 475px;transition:.5s ease-in;}
.product .pro_img .img:hover img{ transform:scale(1.1,1.1);}
.product .pro_img .zi{width: 365px;padding:40px 20px;background:#f2f2f2;height: 325px}
.product .pro_img .zi b{font-size: 18px;display: block;color: #0c4fa5;}
.product .pro_img .zi em{display: block;width: 40px;height: 3px;background:#DAB765;margin: 20px 0}
.product .pro_img .zi p{text-align: left;line-height: 160%;display: block;padding-bottom: 15px}
.product .pro_con li{width: 280px;margin-left: 26.6px;float: left;margin-top: 26.6px;}
.product .pro_con li:nth-child(4n+1) {margin-left: 0px;}
.product .pro_con li .img{width: 280px;height: 210px;overflow: hidden;}
.product .pro_con li .img img{width: 280px;height: 210px;display: block;transition:.5s ease-in;}
.product .pro_con li:hover img{transform:scale(1.1,1.1);}
.product .pro_con li p{text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px;}
/*product end*/

.title b{display: block;font-size: 30px;text-align: center;padding: 10px 0 15px;color: #0D4FA5;letter-spacing: 6px;}
.title b span{color: #cfcfcf}
.title p{text-align: center;letter-spacing: 2px;color: #999}
/*company start*/
.company .com_adv{height: 200px;background:url(../images/com_adv.jpg) no-repeat center;}
.company .com_adv .ca_l{width: 400px;height: 150px;background: #DAB765;margin-top: 50px;text-align: center;}
.company .com_adv .ca_l b{display:block;font-size: 30px;text-align: center;padding: 35px 0 15px;color: #0D4FA5;letter-spacing: 6px}
.company .com_adv .ca_l b span{font-family: Arial;color: #ffe4a5;}
.company .com_adv .ca_l i{color: #ffe4a5;letter-spacing: 2px}

.company .com_adv .ca_r ul{width: 650px;float: left;margin: 70px 0 0 150px}
.company .com_adv .ca_r li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.company .com_adv .ca_r li{float: left;height: 84px;border-right: 1px solid rgba(255,255,255,0.15);width: 160px;text-align: center;}
.company .com_adv .ca_r li em{height: 50px;display: block;}
.company .com_adv .ca_r li span{display: block;font-size: 18px;color: #fff;margin-top: 4px;letter-spacing: 6px;}
.company .com_adv .ca_r p{float: right;width: 520px;margin-top: 23px;}
.company .com_adv .ca_r p span{display: block;color: #fff;opacity: 0.41;font-size: 16px;}
.company .com_adv .ca_r p i{color: #fff;font-size: 36px;font-family: GothamBook;background: url(../img/sl_tel.png) no-repeat left center;padding-left: 38px;}

.company .com_body{background: url(../images/combg.jpg) no-repeat center bottom;padding-bottom: 50px;}

.slideBox{ width:400px; height:300px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:8px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:10px; text-align:center; background:#fff; cursor:pointer; color:rgba(255,255,255,0);border-radius: 20px;position: relative;}
.slideBox .hd ul li.on{ background:#f00; color:rgba(255,255,255,0);}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:400px; height:300px; display:block;}
.slideBox .bd li p{width: 390px;height: 40px;background: rgba(0,0,0,0.7);color: #fff;padding-left: 10px;position: absolute;z-index: 999;bottom: 0;line-height: 40px;}

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

.gsjj{width: 750px;}
.gsjj b{font-size: 18px;margin-top: 30px;display: block;}
.gsjj em{display: block;width: 40px;height: 3px;background: #DAB765;margin: 10px 0}
.gsjj p{text-indent: 2em;line-height: 180%; font-size: 14px;}
.gsjj a.more{display: block;width: 100px;height: 35px;text-align: center;line-height: 35px;background: #0C4FA5;font-size: 14px;color: #fff;margin-top: 20px;}
.gsjj a.more:hover {background: #DAB765}

/*company end*/

/*process start*/
.process{padding-top:40px;}
.lc{background:url(../images/lc.jpg) no-repeat; height: 400px; width: 1200px; margin:30px auto 25px; box-sizing: border-box;padding:26px 0 0 40px;position: relative;}
.lc ul li{ float: left; width: 112px; text-align: center; color: #666; font-size: 15px; padding-top: 98px; line-height: 100%;background:url(../images/lc1.png) no-repeat center 0; white-space: nowrap; position: relative;margin-top:0;}
.lc ul li:nth-child(2n){background:url(../images/lc2.png) no-repeat center bottom; padding-top: 226px; height: 115px;}
.lc ul li:nth-child(3){background:url(../images/lc3.png) no-repeat center 0;}
.lc ul li:nth-child(4){background:url(../images/lc4.png) no-repeat center bottom;}
.lc ul li:nth-child(5){background:url(../images/lc5.png) no-repeat center 0;}
.lc ul li:nth-child(6){background:url(../images/lc6.png) no-repeat center bottom;}
.lc ul li:nth-child(7){background:url(../images/lc7.png) no-repeat center 0;}
.lc ul li:nth-child(8){background:url(../images/lc8.png) no-repeat center bottom;}
.lc ul li:nth-child(9){background:url(../images/lc9.png) no-repeat center 0;}
.lc ul li:nth-child(10){background:url(../images/lc10.png) no-repeat center bottom;}
.lc ul li:nth-child(11){background:url(../images/lc11.png) no-repeat center 0;}
.lc ul li:nth-child(12){background:url(../images/lc12.png) no-repeat center bottom;position: absolute;right: 33px;}
/*process end*/

/*new start*/
.new{background:url(../images/newbg.jpg) no-repeat center;position: relative;overflow: hidden;padding: 40px 0}
.new .title p{color: #fff}
.new .title b span{color: #efefef}
.new_l{width: 320px;background:url(../images/new_bg.jpg) repeat-x 0 0 #fff;padding:30px 40px 0;height: 450px;overflow: hidden;margin-top: 40px;}
.new_r{width:781px;margin-top: 40px;}
.new1,.new2{width:701px;overflow: hidden;height:450px;background: #fff;margin-bottom: 20px;padding: 30px 40px 0;}
.newtil{height:51px;line-height:30px;font-size:24px;font-weight: normal;}
.newtil a{color: #363636; font-size: 20px;}
.newtil em{display: block;font-size: 10px;opacity: 0.5;line-height: 12px;}
.newtil span{float: right;width: 33px;height: 33px;display: block;background:url(../images/new_more2.png) no-repeat 0 0;}
.newtil span a{display: block;width: 33px;height: 33px;}
.new_l .newtil a{color: #fff; font-size: 20px;}
.new_l .newtil span{background:url(../images/new_more1.png) no-repeat 0 0;}
.new_l dl{padding: 16px 0 0;}
.new_l dt,.new_l dt img{height:200px;width: 320px;display: block;overflow: hidden;}
.new_l dd{padding: 11px 0 0;}
.new1_c li a{height: 45px;line-height:45px;font-size:15px;color: #363636;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_l dd > a{height: 45px;line-height:45px;font-size:15px;color: #363636;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_l dd > a:hover{color:#0C4FA5;}
.new1_c li a:hover{color:#0C4FA5;}
.new_l dd p{height: 78px; font:14px "Microsoft YaHei"; color:#989898;overflow: hidden;}
.new_l dd span,.new1_c li span{background:url(../images/new_line.jpg) no-repeat 0 center;height:24px;overflow: hidden;text-align: right;font-family: Times New Roman;color: #989898;display: block;}
.new1_c li{width:322px;float: left;}
.new1_c li p{height: 76px;overflow: hidden; color:#989898; font-size:14px;}
.new1_c li:nth-child(2n-1){padding: 0 48px 0 0;}
.new_list li{width: 302px;height: 35px;background: #f1f1f1;line-height: 35px;padding: 0 10px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin: 10px 0 0 48px}
.new_list li:nth-child(2n+1) {margin: 10px 0 0 0}
.new_list li:hover {background: #0C4FA5;}
.new_list li:hover a{display: block;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*new end*/

/*footer start*/
.footer{background:url("../images/wzbj10.jpg") repeat;}
.foot{padding:40px 0 20px;}
.foot .dbnav{height:22px;line-height:22px;padding-bottom:24px; border-bottom:1px solid #434343;margin-bottom: 39px;}
.foot .dbnav li{float:left;width: 200px;text-align: center;background: url(../images/dot.jpg) no-repeat center right;}
.foot .dbnav li a{font-size: 16px; color:#cccccc;display: block;}
.foot .dbnav li:nth-child(1) a{background: url(../images/dot.jpg) no-repeat center left;}
.foot .footlogo{float:left;margin-right: 32px;display: block;padding: 10px 20px 0 0}
.foot .gsxx{width:830px; height:129px;float:left;}
.foot .gsxx li{float:left;height:45px;padding-left:58px;margin-bottom: 20px;}
.foot .gsxx li em{font-size: 16px;color:#cccccc;margin-bottom: 10px; font-style:normal;}
.foot .gsxx li i{ display:block;font-size: 14px; color:#838383;font-style:normal;}
.foot .gsxx li.db1{background:url("../images/db1.png") no-repeat left;width:180px;}
.foot .gsxx li.db2{background:url("../images/db2.png") no-repeat left;width:200px;}
.foot .gsxx li.db3{background:url("../images/db3.png") no-repeat left;width:200px;}
.foot .gsxx li.db4{background:url("../images/db4.png") no-repeat left;width:180px;}
.foot .gsxx li.db5{background:url("../images/db5.png") no-repeat left;width:200px;}
.foot .gsxx li.db6{background:url("../images/db6.png") no-repeat left;width:200px;}
.foot .ewm{width:147px; height:105px;float:right;}
.foot .ewm em{width:14px; height:57px;float:left; font-size: 14px; color:#999999; padding:20px 13px 28px;background:url("../images/wzbj14.jpg") no-repeat center; line-height: 16px;font-style:normal;}
.foot .ewm span{display: block;width:105px; height:105px;float:left;}
.foot .ewm span img{width:105px; height:105px;}
.foot .gs{height:61px;line-height: 61px; border-top:1px solid  #434343;border-bottom:1px solid  #434343;margin-top:20px;}
.foot .gs span{display: block; font-size: 14px; color:#999999;}
.foot .gs span a{color: #999}
/*footer end*/

/*kefu start*/
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #ff2122, #ff2122); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(33,80,196,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #2150C4; -webkit-box-shadow: 0 5px 10px 0 rgba(33,80,196,.2); box-shadow: 0 5px 10px 0 rgba(33,80,196,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #2150C4 }
.rd-notice-type-success:after { background-color: #2150C4; -webkit-box-shadow: 0 5px 10px 0 rgba(33,80,196,.2); box-shadow: 0 5px 10px 0 rgba(33,80,196,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }