@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(../image/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(../image/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(../image/top_pic3.png) center center no-repeat; cursor:pointer;}

.top_search .search_con .bnts:hover{transition:all 0.3s;background:url(../image/top_pic4.png) center center no-repeat;}



.top_tel{ float:right;height:42px; overflow:hidden; line-height:60px; padding-left:57px; background:url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/foot_ico1.png) no-repeat;}

.foot_a ul li.qq a:after{ background-image:url(../image/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(../image/foot_ico2.png) left top no-repeat; width:60px; padding:0;}

.foot_a ul li.sinna a.bds_tsina:after{ background-image:url(../image/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(../image/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(../image/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(../image/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(../image/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: 10px 0 10px;

    text-align: left;

    font-size: 14px;

}

.service_det .service_det_top .text .jg {

    width: 505px;

    margin-bottom: 50px;

    line-height:24px;

    background-color: #fff;

    padding: 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: 16px;

    line-height: 22px;

    padding: 7px 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;

}
*/

.h_nav ul {float:right;  position:relative; z-index:1;}
.h_nav a{ color:#333;}
.h_nav .nLi{ float:left;  position:relative; display:inline; padding:0 20px; font-size:18px;}

.h_nav .sub{ display:none; width:120px; left:0; top:34px;  position:absolute;background: #1c95fa;  line-height:30px; z-index:999;}
.h_nav .sub li{ zoom:1; }
.h_nav .sub a{ display:block; padding:0 10px; font-size:14px; color:#fff; text-align:center;}
.h_nav .sub a:hover{ background:#333;}

.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;

}





.pagination { display: flex; justify-content: center; margin:20px 0;}

.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px; padding: 3px 12px; margin: 0 3px; border-radius: 3px;}

.pagination span { color: #333; font-size: 14px; padding: 3px 2px; margin: 0 3px; border-radius: 3px;}

.pagination a:hover { color: #fff; border: 1px solid #299efe;background: #299efe;}

.pagination a.page-num-current { color: #fff; background: #299efe; border: 1px solid #299efe;}