@charset "utf-8";

@font-face {
  font-family: fzlt;
  src: url(../font/fzltchjw.TTF); 
}
html { font-size:625%; }
body { font-size:14px; background:#fff; overflow-x:hidden; font-family:"Microsoft YaHei"}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin:0; padding:0; }
body, html, input, button, textarea { color:#353d40; font-family:"Microsoft YaHei"line-height:1.5 }
article, aside, figcaption, figure, footer, header, main, nav, section { display:block; }

.fl{ float:left}
.fr{ float:right}
li { list-style:none; }
i, em { font-style:normal; }
a { color:#3d3d3d; text-decoration:none; }
a:focus { outline:none; }
a:hover { color:#3d3d3d; ; text-decoration:none; }
.formdiv input[type=text],.formdiv input[type=password] {border: 1px solid #E9E9E9;border-radius: 4px;box-shadow: 1px 5px 6px 0px rgba(236,236,236,.5);padding: 5px 5px 5px 5px;font-size: 16px;}
.formdiv input[type=text]:focus, .formdiv input[type=password]:focus {border: 1px solid #f00;}

hr { height:1px; border:none; border-top:1px solid #ccc; margin:15px 0 15px 0; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/*公用样式*/
.clear{ clear:both;}
.p30{ margin-top:30px;}
.p93{ margin-top:93px;}
.p20{ margin-top:20px;}
.p113{ margin-top:113px;}
.p35{ margin-top:35px;}
.p50{margin-top:50px;}
.p80{ margin-top:80px;}
.p164{ margin-top:164px;}

.p178{ margin-top:178px;}
.p140{margin-top:140px;}
.p127{margin-top:127px;}
.p69{margin-top:69px;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}



.wrap{ width:1200px; margin:0 auto; padding:0; overflow:hidden;}
.wrapb{width:1200px; margin:0 auto; padding:0; position:relative}
.wow {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.maindiv1{ width:100%; background:#f0f0f0; height:100%; overflow:hidden;}


.logor{  width:260px; float:right; margin-top:20px; font-size:18px;background:url(../images/tel.png) center left no-repeat; background-size:17%; padding-left:65px; color:#333;}
.logor span{ font-size:26px; color:#f95124; display:block;}


/*首页头部*/
header {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 14px;
    transition: all ease .3s;
background:#fff;
}

.header-fixed{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 999; background:#fff;
 box-shadow: 0 2px 6px rgba(0, 0, 0, .1) }
#head .logo{ float:left; margin:15px 0 15px 0; width:235px;}


.menu{ width:100%; height:60px; background:#3560a8;}

/*首页轮播图*/
.slider_banner{  width:100%; overflow:hidden}
.barnav{ width:344px; height:52px; background:#f00; position:absolute; bottom:0;  z-index:9999999;right:0; }
.barnav li{ width:172px; float:left; height:52px; line-height:52px; text-align:center; background:#e33333; border-right:1px #fff solid; color:#fff; font-size:16px; }
.barnav li .bavfont{ font-size:30px; margin-right:10px; line-height:52px;vertical-align: middle;}
.barnav li span{line-height:52px;vertical-align: middle;}
.barnav li a{ color:#fff;line-height:52px;}
.barnav .last{ border-right:0;}
.barnav li:hover{ background:#b00000;transition: all 0.5s;}



/*菜单样式*/

.head_nav{transform:scale(1);opacity:1; visibility:visible;  z-index:99; height:60px}
.head_nav li b,.head_nav>li>a:before,.head_nav>li>a:after,.head_nav li li a{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.head_nav li {display: inline-block; height:60px; line-height:60px;}
.head_nav li li{display: block;text-align: left; float:none;padding-right: 0;}
.head_nav li a { display:block;line-height:58px; padding:0 38px 0; color:#fff; font-size:18px;/*font-family:"Microsoft YaHei";*/font-family: "Opensans-Regular"; font-weight:500; }

.head_nav li a:hover{ color:#fff;}

.head_nav li a.active::after {
    width: 0%;
    background: #fff;
}

.head_nav li:hover a::after {
    width: 100%;
    background: #fff; 
}

.head_nav li a::after {
    content: '';
    display: block;
    margin-top: 80px;
    width: 0%;margin:0;
    height: 2px;
    background: transparent;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.head_nav .nav-current a::after {     content: '';
    display: block;
    margin-top: 100px;
    width: 100%; margin:0 auto;
    height: 2px;
    background: #fff;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.head_nav .nav-current a{color:#fff;}




/*首页样式*/
.ileft{ width:650px; float:left; position:relative}
.ia_img{ width:581px; height:441px; float:left; overflow:hidden}

.ia_img img{ width:100%;}
.ia_conl{ width:302px; height:205px; background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.47);
    border-right: solid 3px #f1a713; position:absolute; z-index:1; right:10px; bottom:40px;padding:15px 20px;}
.ia_conl .ptime{ color:#3560a8; font-size:66px; text-align:center; font-weight:bold; line-height:100px;}

.fonta{ color:#1c1c1c; font-size:18px;  font-weight:bold; line-height:32px; text-align:center}

.iright{ width:500px; float:right; }

.ir_title{  font-size:26px; line-height:40px; padding-left:80px; color:#f1a713}
.ir_title .tline{width: 55px;
    height: 2px;
    background: #f1a713;
    position: absolute; margin-top:20px; margin-left:-75px;}
.ir_subt{ font-size:36px; font-weight:bold;}
.ir_con{ padding:15px 0; line-height:36px;}

.ir_more{ width:150px; height:50px; text-align:center; background:#3560A8; line-height:50px; color:#fff;  }
.ir_more a{ display:block; color:#fff;}


/*幻灯片*/
.swiper-pagination{ width:640px; position:absolute; left:0}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px!important;
    border-radius: 5px;
    background-color: #fff; opacity: 1;transition: width 0.3s ease-in-out;
}
.swiper-pagination-bullet-active{ width:30px; background:#f95124;}

.swiper-pagination{ margin-bottom:10px;}
.swiper-slide img{ width:100%;}

/* Title公共样式 */
.i_Title{width: 100%;text-align: center; font-size:30px; color:#3560A8; font-weight:600}
.i_Title span{ display:block; width:80px; height:2px; background:#f1a713; margin:15px auto;}


.inde_plist ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.inde_plist ul li{ width:435px; float:left;  position:relative;border-radius:5px ;box-sizing: border-box; overflow:hidden; margin-bottom:49px}
.inde_plist .ffimg img{ width:100%;}
.inde_plist .ffimg img:hover{transform: scale(1.1);transition: all ease .6s}
.inde_plist .fhover{ width:83px; height:29px;background:url(../images/hover.png) top center no-repeat; position:absolute; z-index:99; left:0; top:0; }


.b_bg{ width:100%; background:#f7f9fb; padding:50px 0}



.iys_img{ width:100px; height:100px; background:#3560A8; border-radius:50%; float:left; text-align:center; line-height:100px;}

.iys_div{ height:440px;}
.iys_div ul{display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.iys_div ul li{ box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
    background: #fff;
    transition: all .5s ease !important;
    border-radius: 5px !important;
	 float:left; width:48%; margin:20px 0; padding:30px 40px; position:relative; height:160px;
	
	}
.iys_div ul li:hover{ margin-top:3px;transition: all ease .6s}
.iyscon{ width:380px; float:right;}
.iys_div .iys_title{ font-size:22px; color:#111111; font-weight:bold;}
.iys_div .iys_line{ width:40px; height:2px; background:#f1a713; margin:10px 0}
.iys_div .iys_con{ color:#696969; line-height:24px;}









.service_box { margin-top: 10px;  padding-bottom: 100px; width: 100%; background: #f7f9fb; }
.service_box .service { margin: 0 auto; width: 1400px; }
.service_box .service .public_title { width: 660px; }
.service_box .service .se_box {  width: 100%; position: relative; }
.service_box .service .se_box .se_img { float: left; width: 854px; height: 618px; position: relative; overflow: hidden; }
/* .service_box .service .se_box .se_img .se_pic { display: none; } */
.service_box .service .se_box .se_img .carousel_box .se_pic a { display: block; width: 100%; height: 100%; }
.service_box .service .se_box .se_img .carousel_box .se_pic a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .3s; transition: all .3s; }
.service_box .service .se_box .se_img .carousel_box .se_pic:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.service_box .service .se_box .se_content { float: right; width: 512px; }
.service_box .service .se_box .se_content .se_item { margin-top: 4.8%; width: 100%; height: 190px; border-radius: 7px; background: #fff; position: relative; transition: all 0.1s; }
.service_box .service .se_box .se_content .se_item:first-child { margin-top: 0; }
.service_box .service .se_box .se_content .active { background: #063ca6; }
.service_box .service .se_box .se_content .se_item .angle { opacity: 0; width: 0; height: 0; border-width: 16px 11px 0 11px; border-style: solid; border-color: #063ca6 transparent transparent transparent; transform: rotate(90deg); position: absolute; top: 45.5%; left: -19px; }
.service_box .service .se_box .se_content .active .angle { opacity: 1; }
.service_box .service .se_box .se_content .se_item .sco_box { position: absolute; top: 18.5%; left: 0; right: 0; bottom: 0; margin: auto; padding: 0 32px; }
.service_box .service .se_box .se_content .se_item .sco_box a { font-size: 20px; color: #222222; font-family: 'Montserrat'; text-decoration: none; }
.service_box .service .se_box .se_content .active .sco_box a { color: #f7f9fb; }
.service_box .service .se_box .se_content .se_item .sco_box p { margin-top: 4.8%; height: 60px; font-size: 16px; color: #555555; line-height: 30px; font-family: 'Montserrat Medium'; overflow: hidden; cursor:default }
.service_box .service .se_box .se_content .active .sco_box p { color: #f7f9fb; }
.service_box .service .se_box .se_content .se_item:hover { background: #063ca6; }
.service_box .service .se_box .se_content .se_item:hover .sco_box a { color: #f7f9fb; }
.service_box .service .se_box .se_content .se_item:hover .sco_box p { color: #f7f9fb; }
.service_box .service .se_box .se_content .se_item:hover .angle { opacity: 1; }



.delicate_show { margin-top: 48px; }
.delicate_show .top_park { margin-bottom: 50px; }
.delicate_show .item { width: 22.791%; margin-right: 2.93%; margin-bottom: 50px; overflow:hidden }
.delicate_show .item.no_margin_b { margin-bottom: 0; }
.delicate_show .item:nth-child(3n) { margin-right: 0; }
.delicate_show .item.big_size { width: 48.547%; }
.delicate_show .item .inner_con { width: 100%; position: relative; padding-top: 132.654%;overflow:hidden  }
.delicate_show .item.big_size .inner_con { padding-top: 62.276%; }
.delicate_show .item .inner_con img { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; margin: auto; width:100%; height:100%; }
.delicate_show .item .inner_con .item_title { position: absolute; font-size: 18px; letter-spacing: 2px; font-family: "OpenSans-Regular"; color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -webkit-justify-content: center; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; visibility: hidden; background: rgba(41, 41, 58, 0.6); }
.delicate_show .item .inner_con .item_title a { color: #fff; text-decoration: none; }
.delicate_show .item:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.delicate_show .item:hover .inner_con .item_title { opacity: 1; visibility: visible; }
.view_all_btn { width: 205px; text-align: center; margin: 100px auto 0; }
.view_all_btn a { display: block; height: 50px; line-height: 50px; font-size: 14px; font-family: "OpenSans-Bold"; letter-spacing: 1px; color: #fff; background: #333333; text-decoration: none; }


.inde_clist ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.inde_clist ul li{ width:300px; float:left;  position:relative;border-radius:5px ;box-sizing: border-box; overflow:hidden; margin-bottom:49px}
.inde_clist .ffimg img{ width:100%; height:100%;}
.inde_clist .ffimg img:hover{transform: scale(1.1);transition: all ease .6s}





.nlist .box{width: 31.6%; background:#fff; padding-bottom:2%;}
.nlist .box + .box{margin-left: 2%;}
.nlist .box .img{ width: 100%; height:260px; overflow:hidden;}
.nlist .box .img img{ width:100%;}
.nlist .box .img img:hover{transform: scale(1.1);transition: all ease .6s}
.nlist .box .txt{box-sizing: border-box;padding: 20px 3.5% 0; }
.nlist .box .txt .name{height: 60px;margin-bottom: 20px;font-size: 22px;color: #333;font-family: "OpenSans-Bold";}
.nlist .box .txt .brief{height: 65px;line-height: 1.5;font-size: 16px;color: #828282;margin:10px 0; }
.nlist .box .txt .brief.none{display: none;}
.nlist .box .txt .more{margin-top: 15px;text-transform: uppercase;font-size: 16px;color: #333;font-family: "OpenSans-Bold"; float:right}
.nlist .box .txt .more img{margin-left: 10px;}




.indexNews{width: 100%;background-color: #FFFFFF;padding: 80px 0;position: relative;z-index: 1;overflow: hidden;}
.indexNews::after{content: '';width: 50%;height: 100%;background-color: #f7fafc;position: absolute;top: 0;left: 0;z-index: -1;}
.indexNews .bd ul li{ display: inline-block; vertical-align: top; width: 48%;transition: all 0.6s ease;position: relative;z-index: 1; margin-right: 2%;}
.indexNews .bd ul li a{padding: 30px 5% 30px 0;box-sizing: border-box; width: 100%; display: inline-block; transition: all 0.6s ease; position: relative;}
.indexNews .bd ul li:nth-child(2n){ margin-right: 0;}
.indexNews .bd ul li a::after{content: '';width: 100%;height: 0;background-color:#3560a8;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.6s ease;}
.indexNews .bd ul li .time{font-size: 28px;color: #333;font-family:BebasNeue-Regular;width: 110px;float: left;transition: all 0.6s ease;}
.indexNews .bd ul li .time p{font-size: 16px;color: #999999;}
.indexNews .bd ul li .cont{float: left;width: 70%;}
.indexNews .bd ul li .cont .tit{font-size: 18px;line-height: 32px;color: #333;margin-bottom:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.indexNews .bd ul li .cont .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.indexNews .bd ul li .iconfont{color: #666666;font-size: 30px;position: absolute;bottom: 30px;right: 5%;transition: all 0.6s ease;}
.indexNews .bd ul li:hover a::after{height: 100%;}
.indexNews .bd ul li:hover a{ padding: 30px 5%;}
.indexNews .bd ul li:hover .time,.indexNews .bd ul li:hover .time p,.indexNews .bd ul li:hover .cont .tit,.indexNews .bd ul li:hover .cont .txt,.indexNews .bd ul li:hover .iconfont{color: #fff;}












.ys_title{background:url(../images/fpfyt.png) top center no-repeat; height:36px; width:288px;}
.ys_title2{background:url(../images/fpyst.png) top center no-repeat; height:36px; width:288px;}
.ys_title3{background:url(../images/gsjst.png) top center no-repeat; height:36px; width:288px;}


.ys_titlesub{ font-size:18px; color:#6d6d6d; margin-top:17px; padding-left:3px; font-weight:600;}
.ys_list{ width:1200px; margin:0 auto; position:relative;}
.ys_list ul{	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.ys_list ul li{ width:24%; float:left; height:130px; text-align:center; background:#c8a063; border-radius:5px ; color:#fff; font-size:14px; margin:0% 0  1% 0;box-sizing: border-box;}
.ys_list ul li span{ font-size:30px; display:block; margin-top:25px;}
.ys_list ul li:hover{box-shadow: 0 0 8px rgba(99,79,49,0.9); transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);transition: all ease .3s;cursor:pointer;}

.ys_listc{display:inline-block; width:93px; height:93px; background:#d53c3c;border-radius:46px ; position:absolute;left:46%; margin:-195px auto 0 auto; z-index:99; }
.ys_listc span{ color:#fff; font-size:72px; text-align:center; line-height:83px; width:93px; padding-left:10px; }







.lc_div{ width:100%; height:661px;background:url(../images/lcbg.jpg) top center no-repeat; }

.lc_title{ font-size:46px; color:#fff; margin-top:101px;}
.lc_title span{ display:block; font-size:68px;}
.lcbg{background:url(../images/lcmbg.png) top center no-repeat; width:100%; height:315px; margin-top:48px;}


.casediv{ width:100%; background:#f8f8f8;; padding:82px 0 100px 0;}
.tleft{ width:440px; float:left;} 
.cs_title{ font-size:68px; color:#353d40; margin-top:20px; font-weight:600;}
.cs_sub{ font-size:46px;color:#353d40;}
.cs_content{ font-size:18px;color:#6d6d6d; margin:40px 0 90px 0; line-height:36px; font-weight:600;}
.cs_more{ font-size:18px;color:#353d40; border:1px #d53c3c solid; border-radius:5px; width:209px; height:50px; line-height:50px; text-align:center;}
.cs_more:hover a{ display:block; color:#fff;}
.tright{ width:699px; height:499px; float:right;background:url(../images/casebg.png) top center no-repeat;}

.trdiv{ width:502px; margin:63px 0 0 124px;  height:349px; overflow:hidden;}
.trdimg{width:502px; height:197px;}
.trdimg img{width:502px; height:197px;}
.trdtitle{ font-size:20px; color:#333; line-height:62px;}
.trdtitle24{ font-size:24px; color:#333; line-height:40px;}
.trdline{ height:1px; border-bottom:1px #9a9e9f solid; position:relative;}
.trdlinet { width:122px; height:6px; background:#3560a8; position:absolute;left:0; bottom:-3px;}
.trdmore{ float:left; width:57px; height:20px; line-height:20px; text-align:center;border:1px #d84949 solid; border-radius:5px; font-size:12px; font-family:"fzlt";color:#333}
.trdtime{ float:right; text-align:right; color:#333;}

.trdiv a:hover .trdimg img{width:502px; height:349px;transition: all ease .9s}
.trdiv a:hover .trdimg{width:502px; height:349px;transition: all ease 1s}


.ic_list{	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.ic_list dl{ width:44%; float:left; margin:2% 0 2% 0;box-sizing: border-box;}
.ic_list dl dt{ width:188px; height:189px;  position:relative; overflow:hidden;}
.ic_list dl dt img{ width:188px; height:189px;}
.ic_list dl .ic_title{ font-size:24px; border-bottom:2px #c8a063 solid; line-height:50px; color:#353d40; font-weight:400; }
.ic_list dl .ic_sub{ font-size:16px;color:#353d40; line-height:36px;}

.ic_list dl dt .ic_mark::before {
position: absolute; 
    content: '';
    opacity: 0;
    background:#000; z-index:99; width:188px; height:19px; padding:10px;
}

.ic_list dl dt .ic_mark div{ border:2px #ffff solid; width:168px; height:169px; text-align:center; line-height:169px; position:absolute; z-index:100; margin:10px;opacity: 0;}
.ic_list dl dt:hover img{ transition: all ease .9s;transform: scale(1.1);  }

.ic_list dl dt:hover .ic_mark::before{opacity: 0.8;transition: all ease .6s; height:100%; }
.ic_list dl dt:hover .ic_mark div{opacity: 1;transition: all ease .9s;  }
.ic_list dl dt:hover .ic_mark div a{color:#fff; font-size:20px; display:block;}


.a_left{ width:500px; float:left; }
.a_title{ font-size:20px; color:#4a4a4a; margin:28px 0 26px 0; font-weight:600; }

.a_title .aline{ float:left; width:34px; height:8px; background:#d53c3c; margin:9px 8px 0 0px;}

.a_content{ background:#f8f8f8; font-size:16px; padding:20px;color:#353d40; margin:26px 0 10px 2px; line-height:36px;box-shadow: 0px 0px 5px 2px #dbdada; width:460px;}
.a_list li{ width:115px; height:38px; line-height:38px; text-align:center;border:1px #d53c3c solid; border-radius:5px; float:left; margin:10px 15px;}
.a_list{ padding-left:20px; margin-top:15px;}

.a_list li:hover{ background:#d53c3c;transition: all ease .9s;}
.a_list li:hover a{ color:#fff;}
.a_right{ width:651px; height:380px; float:right; margin-top:28px; border-radius:5px; overflow:hidden;}
.a_right:hover img{transition: all ease .9s;transform: scale(1.1); cursor:pointer;}


.hz_div{ width:100%; background:#f8f8f8;; padding:126px 0 115px 0;}






.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3560a8;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




.pf_title{ font-size:34px;  color:#353d40; margin-bottom:35px;}

.pf_friend{	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.pf_friend li{ width:242px; height:89px; margin:0 0 18px 0; float:left;box-sizing: border-box; /*border:2px #ccc solid;*/ border-radius:10px}
.pf_friend li img{ width:100%;}
/*关于我们*/

.na_title{ font-size:44px; float:left; }
.na_line{ width:112px; height:3px; background:#133984; margin-top:20px;}
.na_content{  font-size:16px;  line-height:36px;}



.na_wdiv ul{	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.na_wdiv ul:after{ content:""; width:376px;}
.na_wdiv li{width:376px;float: left;margin:20px 15px 30px 15px; background:#fff; box-sizing: border-box; border-radius:5px; float:left;}
.na_w_img{ height:248px; overflow:hidden}
.na_w_img img{ height:100%;}

.na_w_t{ font-size:18px; color:#333; font-weight:bold; line-height:50px}

.na_wdiv li:hover .na_w_img img{transform: scale(1.2);transition: all .5s ease; cursor:pointer;}
.na_wdiv li:hover .na_w_t{ padding-left:10px;cursor:pointer;}
.na_wdiv li:hover .na_w_con{ padding-left:10px;cursor:pointer;}

.p95{ clear:both; margin-top:95px;}
.p88{ clear:both; margin-top:40px;}
.p64{ clear:both; margin-top:64px;}

.na_ytitle{ font-size:38px; text-align:center; color:656565;}

.na_yline{ width:198px; height:3px;background:#c8a063; margin:20px auto 26px auto;}
.na_ysub{ font-size:20px; text-align:center; margin-bottom:50px;}

.na_video{ margin:44px 0 98px 0; height:600px; background:#000;}


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

.na_fl{ width:600px; height:399px; float:left;background:#f00;}
.na_fr{ width:600px; height:399px; float:right; background:#c8a063; padding:0 30px;position:relative;  }
.na_ftitle{ font-size:28px; color:#fff; }
.nadivc{width:50%; float:right;font-size:16px; color:#333; margin-top:36px; line-height:36px; padding:6%  8% 0 3%; }
.na_ydiv{ width:100%; background:#f8f8f8; height:521px; }
.naimgad{ width:50%; float:left; overflow:hidden;}
.naimgad img{ width:100%; height:100%;}
.naimgad img:hover{transform: scale(1.1);transition: 0.5s; cursor: pointer;}




/*成功案例*/

.nc_img{ width:500px; height:314px;  overflow:hidden; margin-top:10px;}
.nc_img:hover img{transition: all ease .9s;transform: scale(1.2);}
.nc_img img{width:500px; height:314px;}
.nc_r{ width:601px; }
.nc_dtime{ font-size:22px; line-height:40px; margin-bottom:20px;}

.nc_list li{ clear:both; height:223px; border:1px #eaebec solid; margin-bottom:50px;}

.nc_list .nc_listimg{ float:left; width:167px; height:223px; overflow:hidden;}

.nc_list .nc_listimg img{ width:167px; }

.nc_conttent{ float:left; margin-left:50px; width:700px;}
.nc_listtitle{ font-size:24px; line-height:80px;}
.nc_listsub{ font-size:16px; line-height:30px; height:60px; overflow:hidden;}
.nc_listmore{ width:150px; height:34px; line-height:34px; border-radius:17px; text-align:center; border:1px #3560a8 solid; overflow:hidden; font-size:15px; margin-top:30px;}

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

.nc_list li:hover .nc_listimg img{ transition: all ease .9s;transform: scale(1.2);}

.nc_list li:hover{display:block; background:#e1e1e1;transition: all ease 0.6s; cursor: pointer; }

.nc_read{ height:64px; line-height:32px; font-size:16px; margin:20px 0 40px 0;}


.tmore {display:block; width:100%; height:54px; background:#e1dede url(../images/btn_more_on.png) no-repeat center 15px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms; border:0;}
.tmore:hover {background-color:#3560a8; background-image:url(../images/btn_more.png);border:0;}

.nc_time{ width:70px; margin:20px 30px 0 0; float:right;}
.nc_timet{ font-size:16px; border-bottom:2px #3560a8 solid; line-height:40px; color:#95999a}
.nc_timesub{ font-size:32px; color:#95999a}


/*新闻*/

.nn_list li{ clear:both; height:210px; border-bottom:1px #eaebec solid; margin:25px 0; padding:10px; background:#fff; border-radius:8px; }
.nn_list .nc_listimg{ float:left; width:300px; height:187px; overflow:hidden;}

.nn_list .nc_listimg img{ width:100%;}
.nc_readc{line-height:32px; font-size:16px; margin:10px 0 10px 0;}
.nn_list .nc_conttent{ float:left; margin-left:50px; width:500px;}

.nn_list .nc_listsub{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}

.nn_list li:hover .nc_listimg img{ transition: all ease .9s;transform: scale(1.2);}

.nn_list li:hover{display:block; background:#f2f2f2;transition: all ease 0.6s; cursor: pointer; }

/*招募*/

.zm_titlet{ font-size:30px; margin:0 0 95px 0; }

.zm_ysbg{background: url(../images/zm_ysbg.png) no-repeat top center ; }

.zm_ysc{ width:1300px;height:400px;background: url(../images/zm_ysbg.png)  left center no-repeat; margin:0 auto}

.zm_lit{ font-size:28px;}
.zm_litc{ font-size:16px; line-height:32px;}

.zm_ysc ul li{width:287px;float:left;}

.zm_y1{  margin-left:50px; }
.zm_y2{ margin-left:155px; }
.zm_y3{ margin-left:150px; }
.zm_y4{ margin:258px 0 0 270px ; }
.zm_y5{ margin:258px 0 0 160px ;  }
.zm_title1{  font-size:32px; line-height:80px;}
.zm_title{ width:504px; font-size:32px; margin-bottom:40px; line-height:80px; }
.left50{ margin-left:50px;}

.zm_mbdiv{background: url(../images/zmbg.jpg) top  right  no-repeat;}
.zm_mbdiv ul {
            padding:0 0 0 50px;
            margin: 0;
            list-style: none;
            position: relative;
        }
.zm_mbdiv ul::before {
            content: ' ';
            height: 100%;
            width: 3px;
            background: #cecece;
            position: absolute;
            top: 0;
            left: 6px;
            z-index: -1;
        }
.zm_mbdiv .bullet {
            width: 14px;
            height: 14px;
            box-sizing: border-box;
            border-radius: 50%;
            background: #cecece;
            z-index: 1;
            margin-right: 20px;
            margin-top: 10px; position:absolute; z-index:99; left:0;
        }
.zm_mbdes{ margin-bottom:30px;}		
.zm_mbdes h3{ font-size:26px; color:#656565; margin-bottom:12px; }
.zm_mbdes h4{ font-size:16px; line-height:32px; color:#353d40;}

.zm_tj{ width:613px; height:625px;}
.zm_tjc{ width:540px;}
.zm_tjdes{ font-size:16px; line-height:32px;}



/*联系我们*/
.c_left{ width:460px;}

.c_titlet{ font-size:24px;}
.c_left .c_namelist li{ line-height:40px; font-size:18px; width:100%;}

.c_left .c_namelist li span{ font-size:24px; margin-right:20px;}

.c_wximg{ width:124px; height:120px; margin-right:20px;}
.c_wximg img{ width:124px;}
.c_wxfont{ font-size:16px; line-height:30px; margin-top:60px; color:#343c3f;}

.c_right{ width:666px; height:418px;}

.c_nwxlist li{ float:left; margin-right:15px; width:120px;}
.c_nwxlistf{ font-size:16px; color:#343c3f; line-height:30px; padding-left:8px;}


/*产品列表*/
.productbg{ width:100%; background:#f6f5f5; height:auto; overflow:hidden;}

.inmenu {width:100%; margin-bottom:30px;  height:60px; background:#fff;}
/*.inmenu em{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0px; background-color:#cdd8e8;}*/
.inmenu ul{ margin:0 auto; position: relative; z-index:2; width:100%;text-align: left;}
.inmenu li{ float:left;  line-height:60px;}

.inmenu li a{ display:block; font-size:14px; color:#777; padding:0 20px; border-radius:3px; text-align:center; text-decoration:none}
.inmenu li i{ display:none; width:1px ; height:30px; background-color:#cdd8e8; margin:0 auto; margin-bottom:4px;}
.inmenu li b{ display:none; width:3px; height:3px; background-color:#b2c0d5; margin:0 auto;}
.inmenu li.cur div.rowsChildCln{display:block;}
.inmenu li.cur a,.inmenu li:hover a{ background-color:#133984; color:#fff;}
.inmenu li.cur,.inmenu li:hover{ display:inline-block;}
.inmenu li.cur,.inmenu li:hover{*display:inline;*zoom:1}
.inmenu li.cur i,.inmenu li:hover i{ display:block}
.inmenu li.cur i,.inmenu li:hover i{ *display:inline-block}
.inmenu li.cur b,.inmenu li:hover b{ display:block}
.inmenu li.cur b,.inmenu li:hover b{ *display:inline-block}





/* 产品列圾 */
.productlist{padding-bottom: 19px;}
.productlist .Title{padding-top: 70px;}
.productlist .con1 ul{	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.productlist .con1 ul:after{ content:""; width:380px;}
.productlist .con1 li{width:380px;float: left;margin:20px 0 20px 0; background:#fff; box-sizing: border-box; border-radius:5px; float:left;}
.productlist .con1 img{display: block;}
.productlist .con1 .itemimg{ width:100%; height:260px; overflow:hidden; position:relative;}
.productlist .con1 .itemimg img{ width:100%;}
.productlist .con1 .itemimg .fhover{ width:83px; height:29px;background:url(../images/hover.png) top center no-repeat; position:absolute; z-index:99; left:0; top:0; }
.productlist .con1 .intro{width: 100%;overflow: hidden;text-align: center;padding-bottom:10px;}
.productlist .con1 .intro h3{font-size: 20px; line-height:40px; font-family:"微软雅黑"; }
.productlist .con1 .intro h3 a{color: #353d40;text-decoration: none;font-family:"微软雅黑";}
.productlist .con1 .intro p{font-size: 15px;color: #353d40;margin: 6px 0 6px 0;  line-height:24px; overflow:hidden; padding:0 10px; text-align:left;}
.productlist .con1 .intro .more{background: url(../images/product-Jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;}
.productlist .con1 li:hover .intro{background-image: none;}
.productlist .con1 li:hover .intro p,.productlist .con1 li:hover .intro  h3 a,.productlist .con1 li:hover .intro .more{color: #353d40;}
.productlist .con1 li .intro b{ font-size:16px; color:#d53c3c; margin-left:5px;}
.productlist .con1 li:hover .intro .more{background: url(../images/products-Jt2.png) no-repeat left center;}
.productlist .con1 li:hover{box-shadow: 0px 0px 10px 5px #dbdada;}
.productlist .con1 li:hover .itemimg img{transition: all ease .6s;transform: scale(1.1);}


.productsBtn{overflow: hidden; width: 100%;  text-align: center;}
.productsBtn li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%; font-size:0;}
.productsBtn li{ *display: inline; }
.productsBtn li.on{background-color: #2956c9;width: 31px;border-radius: 3px;}












/* products */
.products{width: 100%;overflow: hidden;padding-bottom: 15px;}

.products .con{overflow: hidden;height: 350px;position: relative;}
.products .con ul{overflow: hidden;height: 330px;position: absolute;top: 0;left: 0;}
.products .con li{width: 360px;height: 330px;float: left;margin:20px;}
.products .con img{display: block;}
.products .con .itemimg{ width:360px; height:270px; overflow:hidden}
.products .con .intro{width: 100%;overflow: hidden;text-align: center;height: 50px; background:#fff;}
.products .con .intro h3{font-size: 20px;font-weight: normal; line-height:40px;}
.products .con .intro h3 a{color: #666666;text-decoration: none;}
.products .con .intro p{color: #fff;font-size: 13px;color: #999;margin: 6px 0 14px 0; height:40px; line-height:20px; overflow:hidden; padding:0 8px; text-align:left;}
.products .con .intro .more{background: url(../images/products-Jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;}
.products .con li:hover .intro{background: #3560a8;background-image: none;}
.products .con li:hover .intro p,.products .con li:hover .intro  h3 a,.products .con li:hover .intro .more{color: #fff;}
.products .con li:hover .intro .more{background: url(../images/products-Jt2.png) no-repeat left center;}
.products .con li:hover{box-shadow: 0px 0px 20px 8px #dbdada;}
.productsBtn{overflow: hidden; width: 100%;  text-align: center;}
.productsBtn li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%; font-size:0;}
.productsBtn li{ *display: inline; }
.productsBtn li.on{background-color: #3560a8;width: 31px;border-radius: 3px;}
.products .con li:hover .itemimg img{transform: scale(1.1, 1.1);transition: all 0.6s ease 0s;}


/*留言*/

.formdiv{ background:#fff; padding:30px 50px; margin-bottom:50px;}
.formdiv .p1{ width:100px; text-align:right; padding:5px 10px;}

.formdiv tr{ height:60px; margin-top:15px;}
.formdiv input{ width:300px;}
.formdiv textarea{ width:910px;}

/*分页样式*/

 .my-4 {
    margin-top: 15px!important; clear:both; margin-bottom:20px;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;

}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-num, .page-link {
    position: relative;
    display: block; height:28px;border-radius: 14px; width:28px;
    line-height:28px;
    color: #8a8a8a;
    background-color: #fff;
    border: 1px solid #d7d7d7; text-align:center; margin:0 5px;
}

.page-link:hover,.page-num:hover{ color:#fff; background:#f95124;transition: all 0.6s ease 0s; }


.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #f95124;
    border-color: #f95124;
}
.pagination i{	

  }
.pagel:after { display:block; content:"\f104"; font-family: FontAwesome;font-weight:normal;

 text-align:center; line-height:26px;font-size:22px; width:24px;
}

.pager:after {display:block;
content:"\f105"; font-family: FontAwesome;font-weight:normal;

 text-align:center; line-height:26px; font-size:22px;width:30px;
}



/*专题内页样式*/
.adivcon{ width:960px ; margin: 0 auto;}
.acon{ line-height:36px; color:#3d3d3d; font-size:16px;}



/*案例列表样式*/
.content_list .item_block {
  transition: all 0.36s ease;
  width: calc(100% / 3 - 20px);
  height: auto;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); overflow:hidden;position:relative; background:#f0f0f0;
}
.content_list .item_block .item_img{ width:100%; height:260px; overflow:hidden;}
.content_list .item_block .item_img img{ width:100%;}

.content_list .item_block a:hover .item_img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);transition: all .36s ease;
}

.content_list .item_block .title { height:60px; line-height:60px; text-align:center; }

.content_list .item_block:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,.1); background:#fff;
	


}

.content_list .item_block .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30%;
    opacity: 0;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    background: #f08630;
    transition: all .36s ease-out;
}
.content_list .item_block:hover .title:after{
	content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 1;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    background: #f95124;
    transition: all .36s ease-out;
}

.content_list .item_block .item_img .item_mask:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1px;
    height: 15px;
    background-color: #fff;
}

.content_list .item_block .item_img .item_mask:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 15px;
    height: 1px;
    background-color: #fff;
}


.content_list .item_block .item_img .item_mask {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .36s ease;
    opacity: 0;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-top: -50px;
}

.content_list .item_block:hover .item_img .item_mask {
    opacity: 1;
    margin: 0;
}


/*新闻列表*/

.innewsbox { width:98%; margin-bottom:30px; margin:0 auto;}
.innewsbox .listnews { overflow:hidden; width:100%;}
.innewsbox .listnews dl{ overflow:hidden; padding:40px 0; border-bottom:1px solid #eee; margin-bottom:0;width:1200px;}
.innewsbox .listnews dt{ overflow:hidden; float:left; position:relative}
.innewsbox .listnews dd{ overflow:hidden; width:700px; float:left; position:relative; height:125px;}
.innewsbox .listnews dt img{ display:block; float:left; margin-left:30px; margin-right:25px;}
.innewsbox .listnews dt h4{ font-weight:normal; float:left; margin-top:40px; margin-right:30px;}
.innewsbox .listnews dt em{ font-size:28px; color:#333; display:block;font-family: Arial;}
.innewsbox .listnews dt span{ display:block; font-size:14px; color:#888;float: left;font-family: Arial;}
.innewsbox .listnews dt i{ display:block; width:0px; height:2px; background-color:#1651b9; position:absolute; left:267px; top:62px;}
.innewsbox .listnews dd h5{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:20px; width:600px;}
.innewsbox .listnews dd p{ font-size:14px; width:600px; color:#666; line-height:20px; height:40px; overflow:hidden;}
.innewsbox .listnews dd .more{ overflow:hidden; display:block; width:40px; height:40px; background:url(../images/innews_more.jpg) no-repeat center top; position:absolute; top:44px; right:0;}
.innewsbox .listnews:hover dl{ background-color:#e8eff9;box-shadow:none}
.innewsbox .listnews:hover{box-shadow:0 0 10px #ccc}
.innewsbox .listnews:hover h5 a{ color:#1651b9;}
.innewsbox .listnews:hover dt i{ display:block; width:40px; height:2px; background-color:#1651b9; position:absolute; left:267px; top:62px;transition: all .36s ease-out;}
.innewsbox .listnews:hover .more{ overflow:hidden; display:block; width:40px; height:40px; background:url(../images/innews_more.jpg) no-repeat center bottom; position:absolute; top:44px; right:0;transition: all .36s ease-out;}

/*产品内页*/

.npimg{ width:461px;  height:338px; text-align:center; line-height:338px; float:left; overflow:hidden; }
.npimg img{ width:461px;height:338px;}
.nprdiv{ width:676px; float:right;}

.nprdiv h1{color: #353d40;
    font-size: 28px;
    padding-bottom: 10px;
    margin-right: 20px;}


.pr_tbdiv{ width:450px}
.pr_tbdiv li{ width:100%; text-align:left; float:left; line-height:40px;  overflow:hidden; font-size:15px;}

.pr_tbdiv li span{ font-size:18px; color:#d53c3c; font-weight:bold;}

.pr_table{ width:450px; height:84px; border:1px #999d9f solid; margin-top:10px; padding:12px 0px}

.pr_row1{ width:148px; font-size:16px; float:left;text-align:center; border-right:1px #999d9f solid;}

.pr_row1 span{ font-size:26px; font-weight:bold; text-align:center; display:block;}

.nprdiv .prlast{ border:0}
.pr_hf{ width:450px; height:29px;background: #f8f8f8 url(../images/pro_haofang.png) no-repeat top left; margin:10px 0; }

.pr_tbdiv1{ width:580px}

.pr_tbdiv1 li{  text-align:left; float:left; line-height:32px; height:32px; overflow:hidden; font-size:15px;}

.pr_tbdiv1 .w270{ width:226px}
.pr_tbdiv1 .w332{width:332px}



.pr_condiv ul {
            padding:0 0 0 50px;
            margin: 0;
            list-style: none;
            position: relative;
        }
.pr_condiv ul::before {
            content: ' ';
            height: 100%;
            width: 3px;
            background: #d53c3c;
            position: absolute;
            top: 0;
            left: 6px;
            z-index: -1;
        }
.pr_condiv .bullet {
            width: 14px;
            height: 14px;
            box-sizing: border-box;
            border-radius: 50%;
            background: #d53c3c;
            z-index: 1;
            margin-right: 20px;
            margin-top: 10px; position:absolute; z-index:99; left:0;
        }
.pr_condiv .pr_mbdes{ margin-bottom:30px;}		
.pr_condiv .pr_mbdes h3{ font-size:26px; color:#656565; margin-bottom:20px; margin-left:15px; }
.pr_condiv .pr_mbdes .pr_licon{ font-size:16px; line-height:32px; color:#353d40; border:1px #eaebeb solid; padding:15px; overflow:hidden;}
 
.pr_licon dl dt{ width:31.3%; float:left; margin:1%;}

.pr_licon dl dt img{ width:100%;}


.case_right{ background:#fff; width:100%; padding:20px;}
.case_right .center{ text-align:center}
.case_right .news_dtime{ text-align:center; line-height:60px; border-bottom:1px #ccc solid; color:#666;}

/*资讯详情*/

.new_left{ width:420px;  background:#7d9dd4; padding:50px 30px}
.news_tjtitle{ font-size:26px; margin-bottom:40px; color:#fff;}
.news_tjtitle li a{color:#fff;}
.news_tjtitle li  a:hover{ color:#fff;}
.new_right{ width:780px;  background:#f2f2f2; padding:50px 30px 10px 30px}
.news_title{ font-size:26px; }
.news_dtime{ color:#3560a8; font-size:22px; line-height:50px;}
.news_con{ padding:30px 0; line-height:36px; font-size:18px; min-height:600px;}

.news_con img{ max-width:712px; margin:10px auto}
.news_timet{ font-size:22px;color:#fff;}
.news_listtitle{ font-size:20px; font-weight:bold; line-height:40px;color:#fff;}
.news_listsub{ font-size:15px; line-height:26px;color:#fff;}
.new_left ul li{ margin-bottom:40px;}
.news_limg img{ width:129px; height:129px;}






.bodydiv{ line-height:36px; font-size:16px; padding:15px 0; color:#333;}
.bodydiv h5{ width:100%; background:#5c83e4; height:50px; line-height:50px; padding-left:25px; color:#fff; margin-bottom:25px;}
.bodydiv table{ background:#f0f0f0; border-collapse: collapse; border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0} 
.bodydiv table td{ background:#fff; border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0; padding-left:5px;} 


/*详情页样式*/
.titlec{ line-height:50px; text-align:center; color:#1651b9; font-size:20px;}
.iconb{ line-height:36px; border-bottom:1px #f0f0f0 solid; text-align:center; margin-bottom:20px; color:#333;}
.fl-rich-text{ line-height:36px; color:#333; font-size:16px;}
.contentdiv{ padding:20px 0;}
.contentdiv img{display: block;vertical-align: middle;margin: 0 auto !important;}


/*内页下一条上一条*/

.tabBtn{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.tabBtn .post-prev{
    transition: all 0.36s ease;
    position: relative;
    width: 50%;
    height: 60px;
    overflow: hidden;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;font-size:16px;
}
.tabBtn .post-next{
    transition: all 0.36s ease;
    position: relative;
    width: 50%;
    height: 60px;
    overflow: hidden;
    float: right;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;font-size:16px;
}
.tabBtn .post-prev .infor-wrap {
    width: 99%;
    position: relative;
    top: 0;
    top: 50%;
    transform: translateY(-50%); margin-left:10px;
}
.tabBtn .post-next .infor-wrap {
    width: 99%;
    position: relative;
    top: 0;
    top: 50%;
    transform: translateY(-50%); margin-right:0px;  text-align:right
}

.post-prev .title:before{  content:"\f104"; font-family: FontAwesome;font-weight:normal; margin-right:5px;}
.post-next .title:after{  content:"\f105"; font-family: FontAwesome;font-weight:normal; margin-left:5px;}



.post-prev:hover{ background:#3560a8; font-size:16px;transition: all 0.36s ease;}
.post-prev:hover .infor-wrap span{ color:#fff;}
.post-prev:hover .infor-wrap {margin-left:25px;;transition: all 0.36s ease;}

.post-next:hover{ background:#3560a8; font-size:16px;transition: all 0.36s ease;}
.post-next:hover .infor-wrap span{ color:#fff;}
.post-next:hover .infor-wrap {width: 93%;transition: all 0.36s ease;}




/*内页推荐产品样式*/


/* products */
.productstj{width: 100%;overflow: hidden;background: #f0f0f0;padding-bottom: 15px;}
.productstj .Title{padding-top: 70px;}
.productstj .con{overflow: hidden;height: 510px;position: relative;}
.productstj .con ul{overflow: hidden;height: 510px;position: absolute;top: 0;left: 0;}
.productstj .con li{width: 360px;height: 470px;float: left;margin:20px;}
.productstj .con img{display: block;}
.productstj .con .itemimg{ width:360px; height:310px; overflow:hidden}
.productstj .con .intro{width: 100%;overflow: hidden;text-align: center;height: 160px;background: url(../images/productsBg.jpg) repeat-x;}
.productstj .con .intro h3{font-size: 20px;font-weight: normal;margin-top: 36px;}
.productstj .con .intro h3 a{color: #666666;text-decoration: none;}
.productstj .con .intro p{color: #fff;font-size: 13px;color: #999;margin: 6px 0 10px 0; height:34px; overflow:hidden; line-height:17px;}
.productstj .con .intro .more{background: url(../images/products-Jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;}
.productstj .con li:hover .intro{background: #2956c9;background-image: none;}
.productstj .con li:hover .intro p,.productstj .con li:hover .intro  h3 a,.productstj .con li:hover .intro .more{color: #fff;}
.productstj .con li:hover .intro .more{background: url(../images/products-Jt2.png) no-repeat left center;}
.productstj .con li:hover{box-shadow: 0px 0px 20px 8px #dbdada;}
.productsBtn{overflow: hidden; width: 100%;  text-align: center;}
.productsBtn li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%; font-size:0;}
.productsBtn li{ *display: inline; }
.productsBtn li.on{background-color: #2956c9;width: 31px;border-radius: 3px;}
.productstj .con li:hover .itemimg img{transform: scale(1.1, 1.1);transition: all 0.6s ease 0s;}



.p_video {
    width: 100%;
     height:600px;
}



/*底部样式*/




.footer{ width:100%;  background:#333;color:#fff; padding:45px 0 20px 0 }
.footer .logo{ width:243px; height:75px;}
.comname{ font-size:16px;  margin-top:35px; }
.comaddr{font-size:16px; line-height:30px; color:#fff; margin:19px 0;}
.comaddr span{font-size:24px;line-height:30px; margin-right:10px; }
.footmenu{  }
.footmenu li{ float:left; }
.footmenu li span{ text-align:center; margin:0 15px}
.footmenu li a{ color:#fff; font-size:16px;}
.fontcolor{ color:#fff;}
.footimg img{/* background:#fff;*/  width:150px; height:140px;}

.wx_list li{ width:120px; margin-right:15px; float:left;}

.coright{ line-height:30px;font-size:15px; }
.footb{ line-height:40px;  font-size:16px; color:#fff; border-top:1px #b6b6b6 solid; margin-top:15px}
.footb a{color:#fff;}
/*在线客服样式*/



.kf_div{position: fixed; right: 10px; top:40%; margin-top: -90px; width: 61px;  z-index: 999;}
.kf_list li{position: relative; height: 61px;  /*margin-bottom:8px;*/box-shadow: 0px 0px 8px rgba(0,0,0,.3);border-radius:5px; background:#d53c3c;}
.kf_list li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 100%; height:20px;  text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 12px;}
.kfcon{position: absolute; left: 0px; bottom: 10px; color: #fff;  text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0; width:180px; height:50px; line-height:50px;}
.kfcon:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.kf_list li:hover .kfcon{left: -198px; opacity: 1;}
.kf_list li:hover .kfcon p{ line-height:34px;}
.kf_list li .rfont{ font-size:28px; line-height:35px; height:35px;display:block; margin-top:2px;}
.kf1 .kfcon1{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 130px;  text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;top:0; padding:5px}
<!--.kfcon1 span{ color:#fff; line-height:40px; height:40px;}-->
.kfcon1 img{ height:120px; overflow:hidden}
.kf_list li{ margin-bottom:5px;}

.kf_list li.kf1 a{border-radius:5px;}
.kf_list li.kf1 .kfcon1{background-color:#d53c3c; width:130px;  height:64px; line-height:26px  }
.kf_list li.kf1 .kfcon1:before{background-color:#d53c3c; }
.kf_list li.kf1:hover .kfcon1{left: -148px; opacity: 1; top:0;}
.kf_list li.kf1 .kfcon1:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 25px; background-color:#d53c3c; transform:rotate(45deg);}

.kf_list li.kf2 a{border-radius:5px;}
.kf_list li.kf2 .kfcon{background-color:#d53c3c;width:140px; height:170px; padding:10px;  position:absolute;right: 15px; top: -55px; }
.kf_list li.kf2 .kfcon:before{background-color:#d53c3c;top: 75px; }
.kf_list li.kf2:hover .kfcon{left: -158px; opacity: 1; top:-55px;}

.kf_list li.kf3 a{border-radius:5px;}
.kf_list li.kf3 .kfcon{background-color:#d53c3c;width:140px; height:170px; padding:10px;  position:absolute;right: 55px; top: -55px;  }
.kf_list li.kf3 .kfcon:before{background-color:#d53c3c;top: 75px; }
.kf_list li.kf3:hover .kfcon{left: -158px; opacity: 1; top:-55px;}

.kf_list li.kf4 a{background: url(../images/tiyan.png) top center no-repeat;border-radius:5px;}
.kf_list li.kf4 .kfcon{background-color:#e60033; height:50px; }
.kf_list li.kf4 .kfcon:before{background-color:#e60033; }