@import url(anim.css);
@import url(proscrol.css);
@import url(lrtk3.css);
/*
 1.全式
*/
*{margin:0;padding:0;border:0;}
body{ font-size:12px; font-family:微软雅黑,Arial,Helvetica,Tahoma,sans-serif !important;color:#333333; /*overflow-x:hidden; */ background-color:#fff; min-width:1200px;}
a{text-decoration:none;color:#333333;-webkit-tap-highlight-color:transparent;-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
a:hover,a:active{text-decoration:none;color:#1e99fe;} 
image{ vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
var{font-style:normal;}
input,select,img{vertical-align:middle;}
.wrap{clear:both;width:1200px;;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both;width:1200px;margin:0 auto;text-align:left;zoom:1;}
.clear{clear:both; zoom:1;}
.divhidden{ display:none;}
.l{ float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;width: 40%;}
.r{float:right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;width: 40%;text-align: right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}

/*
 1.头部
*/
.b_center{ margin:0 auto; }
.i_blank{ height:144px; font-size:0; overflow:hidden;}
.top_bg{ width:100%; text-align:center;  background:#ffffff; height:160px;/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); */position:fixed; top:0; left:0; z-index:99;transition:all 0.3s; }
.tpos .top_bg{ /*height:130px;*/height:60px;/*box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);*/}
.top_search{ float:right;height:30px; width:30px; position:relative;background:url(../images/top_bg3.png) left center no-repeat;-webkit-animation: nav-lianjie 1.0s;
    animation: nav-lianjie 1.0s; margin-top:15px;}
.top_search .input1{ width:83%; text-indent:10px; line-height:30px; height:30px; outline:medium; background:none; color:#9c9c9c; text-align:left; font-size:13px; border:0;}
.top_search em{height:100%; width:100%; /*background:url(../images/top_pic1.png) right center no-repeat;*/ cursor:pointer; display:block;}
.top_search em:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con{ display:none;position:absolute; bottom:-80px;right:0px; width:280px; height:0px; padding-top:11px; padding-bottom:4px; background:url(../images/top_bg2.png) no-repeat;z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}
.top_search .search_con .input1{ height:39px; line-height:39px; background:none; border:0; padding-left:5px; margin-left:7px; padding-right:47px; width:170px; float:left; outline:none; font-size:14px; color:#666666; font-family:"微软雅黑";}
.top_search .search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/top_pic3.png) center center no-repeat; cursor:pointer;}
.top_search .search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) center center no-repeat;}

.top_tel{ float:right;height:42px; overflow:hidden; line-height:60px; padding-left:57px; background:url(../images/top_bg1.png) left top no-repeat; margin-top:29px;transition:all 0.3s;}
.top_tel a{ color:#ea0000; font-size:26px;}
.top_tel a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.tpos .top_tel{ margin-top:14px;}
.tpos .top_tel a{ font-size:22px;}
/*.top_a{ float:right;height:100px; line-height:100px;}
.top_a ul li{ background:url(../images/top_bg1.png) left center no-repeat; padding-left:30px; float:left; margin-left:24px;}
.top_a ul li:first-child{ margin-left:0; background:none;}
.top_a a{ display:block; color: #666666;font-size:14px; }
.top_a a:hover{transition:all 0.3s; color:#087bd6;}*/
.top_one{ height:100px; overflow:hidden;transition:all 0.3s;}
.tpos .top_one{ /*height:70px;*/height:0px;}
.menu {width:100%; max-width:1200px;}
.menu .logo_l{  float:left; display:inline;    -webkit-animation: logo 0.8s;  animation: logo 0.8s;}
.menu .logo_l img{ height:100px;transition:all 0.3s;}
.tpos .menu .logo_l img{ height:70px;}
.menu .logo_l:hover img{opacity:0.8;filter:Alpha(opacity=80);}
.menu .logo_l div{ float:left; margin-right:15px; overflow:hidden;}
.menu .logo_l div.logos{position: relative;transition-duration: .5s;}
.menu .logo_l div.logos:before{content: "";position: absolute;left: -665px; top: -460px;  width: 220px;  height: 15px; background-color: rgba(255,255,255,.5);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; -o-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite;}
.menu .logo_r{  float:right; display:inline;-webkit-animation: top_jy 1s; animation: top_jy 1s;}
.top_two{ height:60px;transition:all 0.3s; background:#1e99fe;}
/*.top_language{ float:right;position:relative; height:30px; text-align:left;transition:all 0.3s; z-index:; margin-left:24px;}
.top_language label{ display:block; padding-right:19px;height:30px; line-height:30px; font-size:14px; color:#464646; background:url(../images/top_bg1.png) right center no-repeat;transition:all 0.3s;}
.top_language ul{ width:88px; display:block;position:absolute; top:30px; right:0; border:1px solid #ccc; background:#fff; z-index:999; display:none;}
.top_language:hover ul{ display:block;}
.top_language ul li{line-height: 35px; height:35px; overflow:hidden; display:block; border: 1px solid transparent; cursor: pointer; font-size:14px;}
.top_language ul li a{ display:block;width: 100%;display: inline-block;color: #323232; text-indent:12px;}
.top_language ul li a:hover{background: #f4f4f4; color: #000;}
.top_language ul li.current a{background: #f4f4f4; color: #000;}*/


.nav{ float:left;-webkit-animation: nav-box 1s;animation: nav-box 1s;}
.tpos .nav{ margin-top:0px;}
.nav li.m{ float:left; text-align:center; position:relative; width:150px;}
/*.nav li.m:first-child{ margin-left:0;}*/
.nav h3 a{ height:60px;  line-height:24px;display:block; font-size:16px; font-weight:300; color:#fff; text-decoration:none; overflow:hidden;}
/*.tpos .nav li.m h3 a{ height:60px;line-height:24px;}*/
.nav h3{ font-weight:normal;}
.nav h3 a span{ display:block;position:relative;transition: all 0.5s;height:24px; margin-top:10px;}
/*.nav h3 a span:after{content: attr(data-title); position: absolute;left: 0;transform: translateY(100%); width: 100%;  top: 10px;color: #fff; filter: Alpha(Opacity=0);  opacity: 0; transition: all 0.3s; height:24px;}
.tpos .nav h3 a span{ height:24px;}
.nav li:hover span{transform:translateY(-100%);}
.nav li:hover span:after{filter: Alpha(Opacity=100);opacity: 1.0; top:0px; overflow:hidden;}*/
.nav h3 a i{ font-family:Arial; font-size:12px; text-transform:uppercase; display:block; height:16px; line-height:16px; font-style:normal; color:#e5d3bc;}
/*.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom:0px;height: 2px;opacity: 0;background-color: #007699;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:hover:after{left: 1%;right: 1%;opacity: 1;}
.nav h3 a:hover{color:#fff;}
.nav h3 a:hover span{transform:translateY(-100%);}*/
.nav li.on h3 a{ color:#fff; background:#4b4948;}
.nav li.on h3 a i{ color:#d4d4d4;}
/*.nav li.on h3 a:after{left: 0%;right: 0%;opacity: 1;}*/
/*.nav .sub_bg{ position:fixed; width:100%; z-index:109; height:0px; background:rgba(0, 0, 0, 0.6); z-index:109; left:0; top:128px; overflow:hidden;transition:all 0.3s;}
.nav .m:hover .sub_bg{ height:50px;}*/
.nav .sub{ display:none; /*默认隐藏*/ width:150px; padding:0; /*background-color:#fff;*/   position:absolute; top:60px;left:0%;  z-index:110; /*padding-top:5px; padding-bottom:5px; border-top:2px solid #ededed; */ /*border-bottom:1px solid #e6e6e6;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);*/}
/*.tpos .nav .sub{ top:62px;}*/
/*.tpos .nav .sub_bg{ top:90px;}*/
.nav .sub dl{width:100%; margin:0 auto;  text-align:center;}
.nav .sub dd{ list-style:none; text-decoration:none;}
.nav .sub dd a{ height:50px; line-height:50px; display:block; color:#fff;font-size:15px; /* width:147px;*/ overflow:hidden; letter-spacing:0; margin-top:1px;background:rgba(75, 73, 72, 0.8);}
.nav .sub dd a:hover{ color:#fff; text-decoration:none;background:rgba(200, 160, 99, 0.8);}
.nav .sub dd .top_img{ float:left; margin-left:40px; width:270px; overflow:hidden;}
.nav .sub dd .top_img img{ width:100%; height:180px; margin-bottom:4px;}
.nav .sub dd .top_img h2{ font-size:14px; color:#333333; font-weight:normal; height:22px; line-height:22px; overflow:hidden; margin-bottom:3px;}
.nav .sub dd .top_img p{ line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#8f8f8f;}
.nav .sub dd .top_img a:hover h2{ color:#f4ae17}
.nav .sub dd .top_img a:hover img{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}

/*导航菜单-二级菜单*/
.dh1{display: block; -webkit-animation: dhli 0.8s;animation: dhli 0.8s;}
.dh2{display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;}
.dh3{display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;}
.dh4{display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;}
.dh5{display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;}
.dh6{display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;}
.dh7{display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;}
.dh8{display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;}
.dh9{display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;}

@-webkit-keyframes dhli {  
0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes dhli { 
0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
/*nav-end*/
@-webkit-keyframes logo {  
0%{ opacity:0;-webkit-transform:translate(-10px,-20px); }}
@keyframes logo {  
0%{ opacity:0;transform:translate(-10px,-20px); }}
@-webkit-keyframes nav-lianjie {  
0%{ opacity:0;-webkit-transform:translate(50px,0px); }}
@keyframes nav-lianjie {  
0%{ opacity:0;transform:translate(50px,0px); }}
@-webkit-keyframes top_jy {  
0%{ opacity:0;-webkit-transform:translate(20px,-40px); }}
@keyframes top_jy {  
0%{ opacity:0;transform:translate(20px,-40px); }}
@-webkit-keyframes nav-box {  
0%{ opacity:0;-webkit-transform:translate(-50px,0px); }}
@keyframes nav-box {  
0%{ opacity:0;transform:translate(-50px,0px); }}
@-webkit-keyframes hover-wen {  
0%   { text-indent:0;}
50%  { text-indent:5px;}
100% { text-indent:0;}
}
@keyframes hover-wen {  
0%   { text-indent:0;}
50%  { text-indent:5px;}
100% { text-indent:0;}
}
@-webkit-keyframes hover-img {  
0%   {transform:scale(1);}
50%  {transform:scale(1.05);}
100% {transform:scale(1);}
}
@keyframes hover-img {  
0%   {transform:scale(1);}
50%  {transform:scale(1.05);}
100% {transform:scale(1);}
}
@-webkit-keyframes more-img {  
0%   {right:5px;}
50%  {right:10px;}
100% {right:5px;}
}
@keyframes more-img {  
0%   {right:5px;}
50%  {right:10px;}
100% {right:5px;}
}
@-webkit-keyframes lianjie {  
0%   {background-position:20px center;}
50%  {background-position:10px center;}
100% {background-position:20px center;}
}
@keyframes lianjie {  
0%   {background-position:20px center;}
50%  {background-position:10px center;}
100% {background-position:20px center;}
}
@-webkit-keyframes liebiao {  
0%   {background-position:20px center; background-color:none;}
25%  {background-position:15px center;background-color:#fff9ed;}
50%  {background-position:10px center;background-color:#feeeca;}
75%  {background-position:15px center;background-color:#fff9ed;}
100% {background-position:20px center;background-color:none;}
}
@keyframes liebiao {  
0%   {background-position:20px center; background-color:none;}
25%  {background-position:15px center;background-color:#fff9ed;}
50%  {background-position:10px center;background-color:#feeeca;}
75%  {background-position:15px center;background-color:#fff9ed;}
100% {background-position:20px center;background-color:none;}
}

/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}



/* Callback example */
/*.callbacks_container{position:relative;width:100%;max-width:100%;text-align:center; }
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;top:50%; margin-top:-30px;left:0; margin-left:8%;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:60px;width:60px;background:transparent url("../images/left2.png") no-repeat left top;transition:all 0.3s;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{}
.callbacks_nav.next{left:auto;right:0px; margin-right:8%;background:transparent url("../images/right.png") no-repeat 0px top;}
.callbacks_nav:hover{opacity:0.8;filter:Alpha(opacity=80); margin-left:7.8%;}
.callbacks_nav.next:hover{margin-right:7.8%;}
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
.banner_content{ width:1140px; height:580px;position: relative; z-index: 120;  font:300 14px "宋体"; color:#FFF; }
.b_center{ margin:0 auto; text-align:center;}

.callbacks_tabs.callbacks1_tabs{ width:1200px; margin:0 auto;margin-top:-42px; position:relative;z-index:9; margin-bottom:0px; display:; text-align:right;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:23px;height:28px;margin-right:3px; margin-left:3px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:url(../images/dian.png) center center no-repeat;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:url(../images/dian2.png) no-repeat;}*/



/*尾部*/
.index-footer {
    background: #1f99fe;
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.index-footer .back_top {
    position: absolute;
    top: -22px;
    z-index: 1;
    cursor: pointer;
}
.index-footer .footer_top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 71px auto 63px;
}
.index-footer .footer_top .fl img {
    display: block;
}
.index-footer .footer_top .fl ul {
    display: flex;
    flex-direction: row;
    margin-top: 26px;
    margin-left: 1px;
}
.index-footer .footer_top .fl ul li a {
    font-size: 16px;
    color: #fff;
    font-family: "微软雅黑";
    margin-right: 45px;
}
.index-footer .footer_top .fr {
    display: flex;
    flex-direction: row;
}
.index-footer .footer_top .fr h6 {
    text-align: right;
    font-family: "黑体";
    margin: 27px 20px 14px 0;
}
.index-footer .footer_top .fr img{
    max-height: 100px;
}
.index-footer .footer_top .fr h6 p {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 18px;
}
.index-footer .footer_top .fr h6 span {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: normal;
}
.index-footer .footer_bottom {
    border-top: 1px solid #50adfa;
    width: 100%;
}
.index-footer .footer_bottom .maxwidth {
    width: 1280px;
    margin: 0 auto;
}
.index-footer .footer_bottom .maxwidth .text {
    margin-left: 2px;
    padding: 29px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.index-footer .footer_bottom .maxwidth .text span a {
    color: #fff;
    opacity: 0.4;
}

.foot_a{text-align:left;}
.foot_a ul{}
.foot_a ul li{float:left; width:60px; height:60px; margin-left:30px; margin-top:40px; }
.foot_a ul li:first-child{ margin-left:0;}
.foot_a ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}
.foot_a ul li a:hover{/*filter: Alpha(Opacity=60);opacity: 0.6;*/}
.foot_a ul li a:after{content: ""; position:absolute; width:100%; height:100%;left:0%; top:0;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center;}
.foot_a ul li a:hover:after{ background-size:100% 100%;}
.foot_a ul li.weixin a{ background:url(../images/foot_ico3.png) center center no-repeat; padding-left:0;}
.foot_a ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0;}
.foot_a ul li.weixin a:after{ background-image:url(../images/foot_ico3_on.png);}
.foot_a ul li.weixin .wem1{width: 203px; display: none;text-align: center; padding-top: 20px; padding-bottom:20px; position: absolute; margin-left:-72px;margin-top: -203px; background-image: url(../images/ewm.png);background-repeat: no-repeat;}
.foot_a ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;}
.foot_a ul li.weixin a:hover .wem1{ display:block;}
.foot_a ul li.qq a{ background:url(../images/foot_ico1.png) no-repeat;}
.foot_a ul li.qq a:after{ background-image:url(../images/foot_ico1_on.png);}
.foot_a ul li.qq a.bds_sqq{ width:60px; padding:0;}
.foot_a .bdshare-button-style0-24{ height:100%;}
.foot_a ul li.sinna a.bds_tsina{ background:url(../images/foot_ico2.png) left top no-repeat; width:60px; padding:0;}
.foot_a ul li.sinna a.bds_tsina:after{ background-image:url(../images/foot_ico2_on.png);}
.f_div3{ line-height:36px; height:76px; border-top:1px solid #333333; clear:both; overflow:hidden; color:#484848; font-size:14px;}
.f_div3 span{padding-top:20px}
.f_div3 a{ color:#484848;}
.f_div3 a:hover{transition:all 0.3s;/*filter: Alpha(Opacity=80);opacity: 0.8; */color:#1e99fe;}
.gotop{ position:fixed; bottom:10%; right:1%; width:50px; height:50px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:none;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

/*留言*/
.foot_feedback{ background:rgba(0,0,0,0.71); overflow:hidden; height:134px;color:#fff; width:100%; position:fixed; bottom:0; left:0;transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translate(-100%); visibility: hidden;transition: all ease .3s;z-index: 9999;}
.foot_feedback .wrap{ position:relative;}
.foot_feedback .foot_feedback_t{ height:66px; line-height:66px; overflow:hidden; font-size:24px; }
.foot_feedback .foot_feedback_t label{ display:inline-block; padding-left:63px; font-size:14px; line-height:76px;}
.foot_feedback .inputs2{ float:left;border: none; border-radius: 6px; background: #fff;  height: 45px;padding: 0 18px; line-height: 45px; outline:none;width:calc(250px - 36px);width:-webkit-calc(250px - 36px);width:-moz-calc(250px - 36px);font-size:14px;color:#333333;font-family:"微软雅黑";margin-right:20px;}
.foot_feedback .inputs2::placeholder{ color:#333333;}
.foot_feedback .btn3{ background:#1c95fa;width:200px; height:45px; border:none; cursor:pointer; color:#fff; font-size:16px; font-weight:bold; -webkit-appearance: none; transition:all 0.3s; border-radius: 6px; outline:none;font-family:"微软雅黑";}
.foot_feedback .btn3:hover{filter:alpha(opacity=80);opacity:0.8;}
.foot_feedback .foot_tel{ float:right; background:url(../images/foot_bg1.png) left top no-repeat; margin-top:-7px; padding-top:30px; line-height:24px; font-size:24px; color:#ea0000;}
.foot_feedback .foot_tel a{color:#ea0000;}
.foot_feedback .close_tsbtn{ width:20px; height:20px;background:url(../images/foot_bg2.png) no-repeat; overflow:hidden; position:absolute; right:0; top:24px;transition:all 0.3s;}
.foot_feedback .close_tsbtn:hover{opacity:0.8;filter:Alpha(opacity=80);}
.foot_feedback.active1{visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translate(0px);}
.ts_hot{width: 88px; height: 134px; background: url(../images/feedback_pic1.png) no-repeat center center; position: fixed; left: 0;  bottom: 0; background-size: cover; position: fixed;transform: translateX(-100%);  -ms-transform: translate(-100%); visibility: hidden;  bottom: 0;  transition: all ease .3s; cursor: pointer;z-index: 999;}
.ts_hot.actives{visibility: visible; transform: translateX(0%);  -ms-transform: translate(0%);}
.ts_hot img{margin-top: 60px;  margin-left: 45px; animation: left 1s infinite ease-out;}

@-webkit-keyframes left {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:40px; padding-bottom:70px; clear:both;}
.yema a{ display:inline-block; height:26px; line-height:26px; padding-left:12px; overflow:hidden; padding-right:12px; min-width:6px;  text-align:center; color:#999999; font-size:16px; border:1px solid #e1e1e1; background-color:#fff; margin-left:-1px;}
.yema a:hover{ text-decoration:none; color:#fff; background-color:#1e99fe;border:1px solid #1e99fe;}
.yema a.on{color:#fff;background-color:#1e99fe;border:1px solid #1e99fe;}
.yema a.first,.yema a.last{ }
.yema a.first:hover,.yema a.last:hover{background-color:#1e99fe;}
.yema a span{ font-size:16px;}

/*二級頁面*/
.o_big{height:400px; overflow:hidden; clear:both; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
/*.o_big .wrap{ position:relative; height:500px;}
.o_big .txts{ position:absolute; bottom:0; left:0; width:300px; height:100px; line-height:100px; text-indent:74px; font-weight:bold; font-size:30px; color:#fff;}
.o_big .txts.bgs1{ background:url(../images/news_bg1.png) #087bd6 26px center no-repeat;}
.o_big .txts.bgs2{ background:url(../images/news_bg2.png) #087bd6 26px center no-repeat;}
.o_big .txts.bgs3{ background:url(../images/news_bg3.png) #087bd6 26px center no-repeat;}
.o_big .txts.bgs4{ background:url(../images/history_bg1.png) #087bd6 26px center no-repeat;}
.o_big .txts.bgs5{ background:url(../images/about_bg1.png) #087bd6 26px center no-repeat;}*/

.postions{ height:60px; line-height:60px; overflow:hidden; color:#666666; font-size:14px; background:#fff; border-bottom:1px solid #f5f5f5;}
.postions a{color:#666666; }
.postions a:hover{ color:#1e99fe;}
.postions .postions_r{}
.postions .postions_r img{ vertical-align:baseline; margin-right:10px;}

.service_det{
    
}
.service_det .service_det_top:before, .service_det .service_det_top:after {
    display: table;
    line-height: 0;
    content: "";
}
.service_det .service_det_top {
    width: 1200px;
    margin: 0 auto;
    zoom: 1;
    margin-top: 40px;
    margin-bottom: 40px;
    clear: both;
    overflow: hidden;
}
.service_det .service_det_top .img {
    width: 600px;
    float: left;
    height: 440px;
    border:1px solid #ddd;
}
.service_det .service_det_top .text {
    width: 600px;
    background-color: #f5f5f5;
    height: 440px;
    display: flex;
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    align-items: center;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
.img img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
}

.service_det .service_det_top .text h4 {
    font-size: 30px;
    line-height: 30px;
    font-weight: inherit;
    font-style: inherit;
    text-align: left;
}
.service_det .service_det_top .text p {
    padding: 18px 0 30px;
    text-align: left;
    font-size: 14px;
}
.service_det .service_det_top .text .jg {
    width: 505px;
    height: 60px;
    margin-bottom: 50px;
    line-height: 60px;
    background-color: #fff;
    padding-left: 15px;
    text-align: left;
    font-size:14px;
}
.service_det .service_det_top .text .jg strong {
    font-size: 30px;
    font-weight: normal;
    color: #e02c2b;
    padding-right: 10px;
}
.service_det .service_det_top .text .jg strong span {
    color: #e02c2b;
    font-size: 18px;
}
.service_det .service_det_top .text .jg em {
    color: #999999;
    text-decoration: line-through;
}
.service_det .service_det_top .text .but_wrap .but {
    float: left;
    width: 150px;
    height: 50px;
    margin: 0;
    margin-right: 20px;
    background-color: #999999;
    border-radius: 5px;
    font-size: 16px;
    line-height: 50px;
    color: #ffffff;
    text-align: center;
}
.service_det .service_det_top .text .but_wrap .wx {
    background-color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    color: #333333;
    border: solid 1px #dddddd;
}
.service_det .service_det_top .text .but_wrap .wx .iconfont {
    color: #999999;
}
.service_det .service_det_top .text .but_wrap .but .iconfont {
    padding-right: 5px;
    color: #ffffff;
    vertical-align: middle;
    font-size: 28px;
}
.wx_show {
    width: 100%;
    height: 0;
    padding: 10px;
    transition: .4s;
    box-sizing: border-box;
    background: #fff;
    top: -200px;
    position: relative;
    opacity: 0;
}
.wx_show img {
    width: 100%;
    height: auto;
    width: 100%;
}
.but_wrap .wx:hover .wx_show {
    height: 147px;
    opacity: 1;
}
.o_bg{ overflow:hidden; background:#f5f5f5;}


.w1200 {
    width: 1200px;
    margin: 0 auto;
    *zoom: 1;
}
.w1200:before, .w1200:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}
.service_det .sv_det_wrap .left {
    float: left;
    width: 900px;
}
.service_det .sv_det_wrap .left .det_nav_tab {
    height: 62px;
    background-color: #dddddd;
}
.list:before, .list:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}
.service_det .sv_det_wrap .left .det_nav_tab .active {
    background-color: #3d85e4;
    color: #fff;
}
.service_det .sv_det_wrap .left .det_nav_tab li {
    float: left;
    width: 160px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    cursor: pointer;
}
.list:after {
    clear: both;
}

.list:before, .list:after {
    display: table;
    line-height: 0;
    content: "";
}

.service_det .sv_det_wrap{
    background: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 80px;
}
.service_det .sv_det_wrap .left .det_con_tab {
    padding: 25px;
    padding-bottom: 60px;
    background: #fff;
}
.service_det .sv_det_wrap .left .det_con_tab .con_main:nth-child(1) {
    display: block;
}
.service_det .sv_det_wrap .left .det_con_tab .con_main {
    display: none;
}
.service_det .sv_det_wrap .left .det_con_tab .con_main p{
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0;
}
.service_det .sv_det_wrap .left .det_con_tab .con_main p img{
    max-width: 835px;
}

.service_det .sv_det_wrap .left .det_con_tab .con_main h1{
    font-size: 20px;
    line-height: 20px;
    padding: 10px 0;
    font-weight: normal;
    
}

.service_det .sv_det_wrap .right {
    float: right;
    width: 280px;
}

.service_det .sv_det_wrap .right .tips_tit {
    width: 280px;
    height: 62px;
    background-color: #3d85e4;
    text-align: center;
    line-height: 62px;
}

.service_det .sv_det_wrap .right .tips_tit h5 {
    font-size: 18px;
    color: #ffffff;
    padding-top: 20px;
    margin: 0;
}

.service_det .sv_det_wrap .right .call_um i {
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
}

.service_det .sv_det_wrap .right .call_um i img{
    width: 100%;
}

.service_det .sv_det_wrap .right .call_um .act {
    padding: 30px 0;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.service_det .sv_det_wrap .right .call_um span {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
}

.service_det .sv_det_wrap .right .call_um .but {
    width: 200px;
    height: 44px;
    background-color: #999999;
    border-radius: 5px;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
}

.service_det .sv_det_wrap .right .call_um {
    padding: 40px 0;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    background-color: #ffffff;
}

.service_det .sv_det_wrap .right .right_tips .img {
    width: 280px;
    height: 205px;
    overflow: hidden;
}

.service_det .sv_det_wrap .right .right_tips .img:hover img{
    transform: scale(1.1);
}

.service_det .sv_det_wrap .right .right_tips .img img {
    transition: .35s;
}

.service_det .sv_det_wrap .right .right_tips {
    margin-top: 20px;
}

.service_det .sv_det_wrap .right .right_tips .text p {
    -webkit-text-overflow: ellipsis;
    -webkit-white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
    font-size: 18px;
    color: #333333;
    background:#ddd;
}

.service_det .sv_det_wrap .right .right_tips .text {
    height: 66px;
    line-height: 66px;
    text-align: center;
    background:#f5f5f5;
}


@media screen and (max-width: 1200px) {
.top_bg{ position:static;}
.i_blank{ height:0;}
}

@-webkit-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@-o-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@-moz-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}
.index-header .navbar {
    width: 1280px;
    margin: 0 auto;
    height: 109px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.index-header .navbar h1 {
    width: 282px;
    height: 110px;
    vertical-align: middle;
    margin: 0 0 0 -3%;
}
.index-header .navbar h1 img {
    width: 100%;
    vertical-align: middle;
    margin: 0;
}
.index-header .navbar ul {
    display: flex;
    flex-direction: row;
    margin: 0;
}
.index-header .navbar li {
    margin-right: 45px;
    list-style: none;
    font-size: 16px;
    line-height: 16px;
}
.index-header .navbar li.active a {
    color: #1e99fe;
    padding-bottom: 42px;
    border-bottom: 2px solid #1e99fe;
}
.index-header .navbar li a:hover {
    color: #1e99fe;
    padding-bottom: 42px;
    border-bottom: 2px solid #1e99fe;
}
.index-header .navbar p {
    color: #299efe;
    font-size: 26px;
    align-items: center;
    display: flex;
    margin: 0;
}
.index-header .navbar p img {
    width: 28px;
    height: 28px;
    margin-right: 14px;
    vertical-align: middle;
}