﻿product-list/*public parts star*/
html, body{
    font: 12px/22px "FZLTXHJW","Microsoft JhengHei","Source Han Sans CN","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", sans-serif;
}
body{margin:0;}
h1, h2, h3, h4, h5, h6, form, img, p, ul, li, dd, dt {margin: 0;padding: 0;border: 0;list-style-type: none;}
a{text-decoration:none;}
em,i,b{font-style: normal;font-weight:normal;}
input{outline:none;}
a{cursor:pointer;}
*{box-sizing:border-box;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
ul,ol,li {list-style: none;list-style-type:none;}
img {border: none;vertical-align: middle;}
.fE {font-family: SYHE; }
.fz30 {font-size: 30px;line-height: 30px; }
.fz16 {font-size: 16px;line-height: 16px; }
.f-cb{zoom: 1;}
.f-cb:after{display:block;height:0;clear:both;overflow:hidden;content:".";}
.m40{margin-top:40px;}
.clearfix {zoom: 1;}
.clearfix:before,.clearfix:after {content: '';display: table;}
.clearfix:after {clear: both;}

.w1400 {width: 90%;height: auto;margin: 0 auto;max-width: 1400px; }

.header-box {width: 100%; height: auto;position: fixed;top: 0;left: 0;z-index: 1000; }
.header-box .header-new {width: 100%; height: 50px;background-color: #fff;}
.header-box .header-new .logo {width: 145px;height: 50px;float: left;display: block;}
.header-box .header-new .logo img{width:100%; height:100%;}
.header-box .header-new .nav {float: right;margin-right: -36px; }
.header-box .header-new .nav ul li {height: 50px;float: left;position: relative; }
.header-box .header-new .nav ul li .tits {font-size: 18px;line-height: 50px; color: #000;padding: 0 36px;font-family: fE; font-size: 16px;}
.header-box .header-new .nav ul li .on {color: #00168a;}
.header-box .header-new .nav ul li:hover dl{display: block;}
.header-box .header-new .nav ul li dl {width: 100%;height: auto;position: absolute;top: 38px;left: 50%;margin-left: -72px;background-color: rgba(250, 250, 250, 0.95);display: none;z-index: 10;}
.header-box .header-new .nav ul li dl dd { width: 100%;height: auto;font-size: 14px;line-height: 38px;border-bottom: 1px solid #eee;text-align: center;-webkit-transition: background .5;-o-transition: background .5;transition: background .5;margin: 0 auto;}
.header-box .header-new .nav ul li dl dd a {width: 100%; height: auto; display: block;color: #666; }
.header-box .header-new .nav ul li dl dd:last-child {border-bottom: none; }
.header-box .header-new .nav ul li dl dd:hover {background-color: #fff; }
.header-box .header-new .nav ul li dl dd:hover a { color: #3aa9fa; }
.header-box .header-new .nav ul li:after {width: 1px;height: 12px; display: block; position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); background-color: #8a8a8a; content: ''; }
.header-box .header-new .nav ul li:last-child:after {display: none; }
.header-box .header-new .nav ul li.on .tits {color: #3aa9fa; }
.header-box .header-new .nav ul li:hover .tits {color: #3aa9fa; }

/*banner*/
.banner {width: 100%;height: 590px; margin-top:50px;vertical-align: top;}
.banner img {left: 0;top: 0;width: 100%;max-width: 1920px;height: 590px;}
.banner .swiper-container {height: 100%; width:100%}
.banner .pagination {position: absolute;left: 0;text-align: center; bottom:5px;width: 100%;}
.banner .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset; margin: 0 3px;cursor: pointer;}
.banner .swiper-active-switch { background: #fff;}
.banner .arrow-left { position: absolute; left: 10%;top: 50%; margin-top: -30px;font-size: 60px;color: #fff;z-index: 999; opacity: .8;}
.banner .arrow-right {position: absolute; right: 10%; top: 50%; margin-top: -30px;font-size: 60px; color: #fff; z-index: 999; opacity: .8;}

/*首页产品*/
.index {max-width:1300px;width: 100%; margin:0 auto;height: auto; padding-bottom: 30px;}
.index .index-product {width: 100%;height: auto; position: relative;}
.index .index-title {width: 100%;height: auto;text-align: center; }
.index .index-title .cn {color: #000; }
.index .index-title .en {color: #868686;margin-top: 9px; }
.index .index-title .line {width: 400px;height: 1px;background-color: #bfbfbf;margin: 21px auto 0;position: relative; }
.index .index-title .line span {width: 40px;height: 9px; background-color: #3aa9fa; position: absolute;top: -4px; left: 50%; margin-left: -20px; }

.index .index-product .list {width: 100%;height: auto;}
.index .index-product .list ul { width: 100%;height: auto; }
.index .index-product .list ul li {width: 25%;height: auto;float: left; margin-top:50px; padding-bottom:20px;}
.index .index-product .list ul li a {width: 100%; height: auto;display: block;}
.index .index-product .list ul li a .con {width: 100%;height: auto;}
.index .index-product .list ul li a .con .pic {width: 100%; height: 300px; position: relative;overflow: hidden;}
.index .index-product .list ul li a .con .pic img { position: absolute; left: 0; bottom: 3%; right: 0; margin: auto; max-width: 100%; max-height: 94%; }
.index .index-product .list ul li a .con .tits {text-align: center;font-size: 24px; line-height: 24px; font-weight: bold; color: #323232;margin-top: 15px; }
.index .index-product .list ul li a .con .tit { width: 240px;height: 40px; max-width: 94%; margin: 15px auto 0;font-size: 14px; line-height: 20px; color: #787878;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; }

.index .index-product .list ul li:hover{background:#eee}

.index .index-product .list_fangan {width: 100%;height: auto;}
.index .index-product .list_fangan ul { width: 100%;height: auto;}
.index .index-product .list_fangan ul li {width: 400px;height: auto;float: left; margin-top:25px; margin-right:50px; border:1px solid #ccc}
.index .index-product .list_fangan ul li a {width: 100%; height: auto;display: block;}
.index .index-product .list_fangan ul li a .con {padding:8px; overflow:hidden;}
.index .index-product .list_fangan ul li a .con img {width: 180px; height: 112.5px; float:left}
.index .index-product .list_fangan ul li a .con .txt {width: 190px; overflow: hidden; float:right;}
.index .index-product .list_fangan ul li a .con .tits {font-size: 15px; line-height: 25px; font-weight: bold; color: #323232; margin-top:8px;}
.index .index-product .list_fangan ul li a .con .tit { width: 190px; overflow:hidden; max-height:65px; max-width: 100%; margin: 5px auto 0;font-size: 13px; line-height: 22px; color: #787878;}
.index .index-product .list_fangan ul li:nth-child(3n){margin-right:0px;}

.footer-box {width: 100%;height: auto; }
.footer-box .footer-nav {width: 100%;height: auto;background-color: #f3f3f3;padding-top: 40px;padding-bottom: 40px; }
.footer-box .footer-nav .w1400 {width: 100%;text-align: center;font-size: 0; }
.footer-box .footer-nav .w1400 .box {display: inline-block;height: 270px; }
.footer-box .footer-nav .w1400 .box dl {padding: 0 50px;height: 100%;float: left; border-right: 1px solid #d8d8d8; }
.footer-box .footer-nav .w1400 .box dl dt {font-size: 16px;line-height: 24px;text-align: center;color: #888;margin-bottom: 20px; }
.footer-box .footer-nav .w1400 .box dl dt a {color: #888; }
.footer-box .footer-nav .w1400 .box dl dt a:hover { color: #3aa9fa; }
.footer-box .footer-nav .w1400 .box dl dd {text-align: center; font-size: 14px;line-height: 30px; }
.footer-box .footer-nav .w1400 .box dl dd a { color: #888; }
.footer-box .footer-nav .w1400 .box dl dd a:hover {color: #3aa9fa; }
.footer-box .footer-nav .w1400 .box dl .txt {font-size: 16px;line-height: 26px; color: #888; text-align: left; }
.footer-box .footer-nav .w1400 .box dl .txt p { margin-bottom: 36px; }
.footer-box .footer-nav .w1400 .box dl:last-child {border-right: none; }
.footer-box .footer-nav .w1400 .box dl:last-child dt {text-align: left;margin-bottom: 26px; }

.footer-box .footer {width: 100%; margin:0 auto;height: auto;background-color: #424343; height:180px; font-size: 14px;line-height: 30px; color: #fff; text-align: center; padding-top: 32px;padding-bottom: 32px; }
.footer-box .footer p a { color: #fff; }
.footer-box .footer p span { margin: 0 20px; }

/*产品*/
.page-container {width: 100%;min-height: 40px;padding-bottom: 30px; margin-top: 20px;}
.g-tab_wrap {position: relative;width: 100%;height: 40px;background-color: #E8E8E8;}
.width-limit {max-width: 1300px;width: 100%;height: 100%;margin: auto;padding: 0 20px;clear: both;}
.m-tab_box {height: 100%;line-height: 40px;padding: 0 100px;}
.m-tab_box .tab-item {position: relative;text-align: center;height: 40px;line-height: 40px;width: 25%;float: left;font-size: 17px;}
.m-tab_box .tab-item a {color: #666;display: inline-block;}

.m-tab_box .tab-item.active {background: #3aa9fa;}
.m-tab_box .tab-item.active a{color: #fff;font-weight: bold;}

.m-tab_box .tab-item:hover {background: #3aa9fa;}
.m-tab_box .tab-item:hover a{color: #fff;font-weight: bold;}
#mon {background: #3aa9fa;}
#mon a{color: #fff;font-weight: bold;}

/*首页客户案例*/
.symt-tabpage {max-width: 1300px; width: 100%; margin: 0 auto; overflow:hidden;}
.symt-tabpage .mt-tabpage-title {height: 50px;font-size: 0;background-color: #fff;width: 840px;margin: auto;background: #fff;border-bottom: 1px solid #f1f1f1; margin-top: 10px}
.symt-tabpage .mt-tabpage-title .mt-tabpage-item {display: inline-block;width: 105px;height: 50px;line-height: 50px;text-align: center;color: #666;font-size: 18px; font-weight:bold}
.symt-tabpage .mt-tabpage-title .mt-tabpage-item:hover{color: rgb(0,140,219);}
.symt-tabpage .mt-tabpage-title .mt-tabpage-item-cur {color: rgb(0,140,219);font-size: 18px;border-bottom: 1px solid rgb(0,140,219); font-weight:bold}
.symt-tabpage .mt-tabpage-count {width: 100%; margin:0 auto;overflow: hidden;display:block;}
.symt-tabpage .mt-tabpage-cont__wrap {}
.symt-tabpage .mt-tabpage-count .mt-tabpage-item {width: 100%;height:auto;overflow: hidden;}

.symt-tabpage .m-con{width:100%;overflow:hidden; margin-top: 30px;}
.symt-tabpage .m-con .ul-picd1{width:100%;overflow:hidden;}
.symt-tabpage .m-con .ul-picd1 li{margin-bottom:0; width: 300px; margin-right: 32px; float: left;border: 1px solid #eeeeee; margin-bottom:15px;}
.symt-tabpage .m-con .ul-picd1 li img{width: 300px; height:187.5px;}
.symt-tabpage .m-con .ul-picd1 li:nth-child(4n) {margin-right: 0; }
.symt-tabpage .m-con .ul-picd1 li:hover a.more{background-color:#3aa9fa;border-color:#3aa9fa;color:#fff}
.symt-tabpage .ul-picd1 .pic{width: 300px; height:187.5px;overflow:hidden;}
.symt-tabpage .ul-picd1 .pic img{display:block;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.symt-tabpage .ul-picd1 .txt{padding:15px 0}
.symt-tabpage .ul-picd1 .txt h3{margin-bottom:18px}
.symt-tabpage .ul-picd1 .txt h3 a{display:block;font-size:18px;color:#666;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;text-align:center;}
.symt-tabpage .ul-picd1 .txt p{font-size:14px;color:#888;line-height:25px;height:50px;margin-bottom:31px;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}
.symt-tabpage .ul-picd1 .txt .more{display:block;width:157px;height:35px;line-height:35px; margin:0 auto;border:1px solid #c6c6c6;font-size:14px;color:#939393;text-align:center;text-transform:uppercase;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

.lanren{ max-width: 1300px; width: 100%; margin:0 auto; height: auto;overflow: hidden;}
.lanren li {width: 27.4%;height: auto;float: left;margin-right: 8.9%;margin-bottom: 0.6%; }
.lanren li a {width: 100%;height: auto;display: block; }
.lanren li a .pic {width: 100%;height: 320px;position: relative;}
.lanren li a .pic .img {width: 80.2%;height: auto;position: absolute; bottom: 0;left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);box-sizing: border-box; border: 2px solid #ccc; border-radius: 100%; overflow: hidden;transition: width .5s,bottom .5s,border .5s; }
.lanren li a .pic .img:hover{border: 2px solid #3aa9fa}
.lanren li a .tits { text-align: center;color: #323232;margin-top: 50px; font-size:20px;}
.lanren li a .tits span {display: inline-block; position: relative; }
.lanren li a .line { width: 124px; height: 1px;  background-color: #333; margin: 30px auto 0; }
.lanren li a .tit { width: 90%;text-align: center; margin: 14px auto 0;font-size: 16px;line-height: 30px; height: 30px; color: #333; text-overflow: ellipsis;}
.lanren li:nth-child(3n) {margin-right: 0; }

.lanrenmore{width:200px; height:70px; line-height:70px; margin:0 auto; font-size:24px;  margin-bottom:20px; cursor:pointer;}
.lanrenmore a{color:#3aa9fa;}
.lanrenmore span{ font-size:20px; color:#3aa9fa}

/*合作*/
.index-teamwork {width: 100%;height: auto;position: relative; background-size: cover; background-position: center;background-repeat: no-repeat; margin-bottom:30px;}
.index-teamwork .bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0; background-color: rgba(255, 255, 255, 0.5); display: none; }
.index-teamwork .box { width: 100%; height: 100%; position: absolute;top: 0; left: 0;}
.index-teamwork .box .index-title {text-align: left; margin-top:50px;}
.index-teamwork .box .index-title .line {width: 175px;margin: 21px 0 0 0; }
.index-teamwork .box .index-title .line span { left: 0; margin-left: 0; }
.index-teamwork .box .txt {font-size: 14px;line-height: 26px;width: 395px; color: #000; margin-top: 30px; }
.index-teamwork .box .more { width: 140px; height: 40px; display: block; text-align: center; font-size: 16px; line-height: 40px; color: #fff; position: relative;  margin-top: 4%; }
.index-teamwork .box .more span {width: 100%; position: absolute;height: 100%; top: 0; left: 0; background-color: #3aa9fa; z-index: 5; }
	  
	  
/*产品 page*/
.pd_topCon{width: 1000px;margin:0 auto; font-size: 0px; overflow:hidden;}
.pd_topCon .bann{width: 385px;height: 385px; border: 2px solid rgb(238,238,238);display: inline-block;}
.pd_topCon .pd_bannerRightDiv{display: inline-block;font-size: 16px; margin-left: 80px; top: 35px;padding:10px;overflow:hidden;}
.pd_topCon .pd_bannerRightDiv .tit{color: #000; font-size: 25px; margin-bottom: 10px;}
.pd_topCon .pd_bannerRightDiv .mod{color: #000;font-size: 20px; margin-bottom: 20px;}
.pd_topCon .pd_bannerRightDiv p{ color: rgb(147,147,147);font-size: 16px;margin-bottom: 8px;}
.pd_topCon .pd_bannerRightDiv .price{color: rgb(147,147,147);font-size: 18px; margin-bottom: 20px; margin-top:20px;}
.pd_topCon .pd_bannerRightDiv .price span{color: #3aa9fa;}

.pd_topCon .pd_bannerRightDiv .contact{color: rgb(147,147,147);font-size: 18px; margin-bottom: 20px; margin-top:20px;}
.pd_topCon .pd_bannerRightDiv .contact span{color: #3aa9fa;}

.pd_container{ width:100%; margin:0 auto; height: auto;background-color: rgb(248,248,248); padding-bottom: 44px;}
.pd_container_con{width: 94%;height: auto;margin: auto;padding-top: 40px;}
.pd_ccon_p1{font-size: 24px;color: rgb(102,102,102); margin: 0px 0px 20px 0px;padding-left: 13px;}
.pd_ccon_landrDiv{ position: relative;font-size: 16px; color: rgb(102,102,102);margin-bottom: 10px;}

.pd_container_con_table{border: 1px solid rgb(229,229,229);margin-top: 30px;border-top: 3px solid #3aa9fa;;}
.pd_ccon_t_line1{height: 40px;line-height: 40px;background-color: rgb(239,239,239);font-size: 0px;}
.pd_ccon_t_line2{height: 40px;line-height: 40px;background-color: #ffffff;font-size: 0px;}
.pd_t_lineK{display: inline-block;font-size: 15px;color: rgb(102,102,102);text-align: center;width: 250px;border-right: 1px solid rgb(229,229,229);font-weight: bold;
}
.pd_t_lineV{display: inline-block;font-size: 15px; padding-left: 60px; color: rgb(114,114,114);}

.backListDiv{background-color: rgb(248,248,248);text-align: center;padding-bottom: 30px;}
.btn_backList{width: 116px; height: 46px; margin: auto; background-color: #3aa9fa;; line-height: 46px; color: #ffffff;  border-radius: 4px; font-size: 16px;font-weight: bold; cursor: pointer;}

/*联系我们*/
.contact-bottom {height: 440px;background: #F5F5F5;padding: 20px 0; margin-bottom:50px; margin-top:50px;}
.width-limit {width: 1280px;height: 100%;margin: auto;padding: 0 20px;clear: both;}
.contact-bottom .contact-content {width: 460px;margin-left: 620px;font-size: 18px;padding-top: 40px;}
.contact-bottom .contact-content .item {padding: 10px 0;border-bottom: 1px solid #EAEAEA;color: #A5A5A5;}
.contact-bottom .contact-content .text strong {font-size: 20px;color: #3aa9fa;}
.contact-bottom .contact-content .circle {float: left;width: 35px;height: 35px;line-height: 32px;text-align: center;border-radius: 17.5px;border: 1px solid #1E95D7;color: #1E95D7;margin-right: 10px;behavior: url(border-radius.htc); zoom: 1;}
.contact-bottom .contact-content .circle span {font-size: 20px;}
.contact-bottom img {float: left;margin-left: 200px;}

/*服务*/
.zbody{position:relative;}
.zbody .zdiv1-soi{padding: 58px 0 52px;}
.zbody .w1280{width: 1280px;margin: 0 auto;position:relative;}

.zbody .zdiv1-soi .z-div1-img{text-align:center;}
.zbody .zdiv1-soi .z-div1-img img{max-width:100%;}
.zbody .zdiv1-soi .imgame{font-size:30px;color:#3aa9fa;text-align:center;font-weight:bold;line-height:36px;margin-top: 8px;}
.zbody .zdiv1-soi .z-divi-vidoecon{font-size:24px;line-height:40px;color:#808080;margin-top:36px;}
.zbody .zdiv1-soi .z-div1-divdeo{position:relative;overflow:hidden;margin:30px auto 0;width:80%;}
.zbody .zdiv1-soi .z-div1-divdeo #video{width:100%;}
.zbody .zdiv1-soi .z-div1-divdeo .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3);z-index: 2;}
.zbody .zdiv1-soi .z-div1-divdeo .bo-mian{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center;z-index: 3;}
.zbody .zdiv1-soi .z-div1-divdeo .bo-mian .bo{display:inline-block;width:70px;height:70px;background-image:url(jingjia-1.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;cursor:pointer;}
.zbody .zdiv1-soi .z-div1-divdeo .bo-mian .bo-name{font-size:40px;line-height:45px;color:#fff;margin-top:12px;font-weight:bold;}

.zbody .zdiv2-soi{padding:49px 0 30px;background-color: #fafafa;}
.zbody .zdiv2-soi .zdiv2-soi-biao{font-size:40px;color:#333333;text-align:center;line-height:40px;font-weight:bold;}
.zbody .zdiv2-soi ul.er-ul{margin-top:56px;}
.zbody .zdiv2-soi ul.er-ul li{position:relative;margin-bottom:30px;}
.zbody .zdiv2-soi ul.er-ul li .right1{float:right;width:70%;overflow:hidden;}
.zbody .zdiv2-soi ul.er-ul li.li2 .right1{float:left;}
.zbody .zdiv2-soi ul.er-ul li .right1 img{width:100%;transition:all 0.3s;}
.zbody .zdiv2-soi ul.er-ul li:hover .right1 img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.zbody .zdiv2-soi ul.er-ul li .left1{position:absolute;top:0;left:0;width:30%;border: 1px solid #cccccc;height:99%;box-sizing: border-box;}
.zbody .zdiv2-soi ul.er-ul li.li2 .left1{right:0;left:auto;}
.zbody .zdiv2-soi ul.er-ul li .left1 .item{position:absolute;top:50%;transform:translateY(-50%);left:10%;width:80%;}
.zbody .zdiv2-soi ul.er-ul li .left1 .item .name{font-size:40px;color:#595959;line-height:40px;font-weight:bold;}
.zbody .zdiv2-soi ul.er-ul li .left1 .item .name-io{margin-top: 30px;font-size:20px;color:#808080;line-height:40px;}
.zbody .zdiv2-soi ul.er-ul li .left1 .item .name-io span{color:#009bde;font-size:30px;}
.zbody .zdiv2-soi ul.er-ul li .left1:hover .item .name{color:#009bde;}
.zbody .zdiv2-soi ul.er-ul li:hover .left1{border:1px solid #009bde;}

.zbody .z-div4-yuo{padding: 20px 0 60px;background-color:#fafafa;}
.zbody .z-div4-yuo .w1380{max-width:1380px; width:100%;margin:0 auto;background-position:top center;border:2px solid #ccc;}
.zbody .z-div4-yuo .hs{width:200px; margin:0 auto;font-size:40px;text-align:center;font-weight:bold;color:#404040;line-height:40px; margin-top:-20px;background-color:#fafafa;}
.zbody .z-div4-yuo .item-zdis-swe{position:relative;width:100%;overflow:hidden; height:400px;margin-top: 50px;}
.zbody .z-div4-yuo .item-zdis-swe .img{width:100%;overflow:hidden}
.zbody .z-div4-yuo .item-zdis-swe .img img{width:96%;}
.zbody .z-div4-yuo .item-zdis-swe .item-diso{width:100%;height:150px;background-color: #fff;overflow:hidden;}
.zbody .z-div4-yuo .item-zdis-swe .item-diso .ite-p{padding:30px 24px 0 24px;font-size: 14px;color:#666666;line-height:20px;}

.zbody .z-div5-yuo{padding: 20px 0 60px;background-color:#fafafa;}
.zbody .z-div5-yuo .w1380{max-width:1380px; width:100%;margin:0 auto;background-position:top center;border:2px solid #ccc;}
.zbody .z-div5-yuo .hs{width:200px; margin:0 auto;font-size:40px;text-align:center;font-weight:bold;color:#404040;line-height:40px; margin-top:-20px;background-color:#fafafa;}

.zbody .z-div5-yuo .list {width: 100%;height: auto;margin-top: 4%;}
.zbody .z-div5-yuo .list ul li {width: 18.2%;height: auto; float: left; margin-right: 2.25%;margin-bottom: 50px; }
.zbody .z-div5-yuo .list ul li .pic {width: 100%;height: auto;box-sizing: border-box;border: 1px solid #2f2f2f; }
.zbody .z-div5-yuo .list ul li p {width: calc(100% - 10px); padding-right: 10px;text-align: center;font-size: 22px;line-height: 24px;color: #2f2f2f; margin-top: 5px;}
.zbody .z-div5-yuo .list ul li:nth-child(5n) {margin-right: 0; }

/*news*/
.titleTxtCon{max-width: 1300px; width: 100%; margin:0 auto; margin-top: 30px; margin-bottom:30px;}
.titleTxtCon h1{line-height: 40px; font-size: 30px; font-weight: bold; color: #073190;}

.page_news_list{max-width: 1300px; width: 100%; margin:0 auto;overflow: hidden;}
.page_news_list ul li{width: 400px; margin-right:50px;overflow: hidden; float: left; margin-bottom: 30px;}
.page_news_list ul li:hover{background: #eee}
.page_news_list ul li:nth-child(3n) {margin-right: 0; }
.page_news_list .box{margin: 0 0 10px 0; overflow:hidden;}
.page_news_list .box .newsImg {width:400px; height:250px;}
.page_news_list .box .newsImg img{width:100%; height:100%}
.page_news_list  .txtCon{padding:20px 10px 10px 10px;}
.page_news_list  .txtCon .redTxt{color: #073190;}
.page_news_list  .txtCon .timeTxt{font-size: 12px; line-height: 12px; color: #7b7a7b; font-weight: bold;}
.page_news_list  .txtCon .titleTxt{font-size: 16px; line-height: 16px; color: #333; margin: 15px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page_news_list  .txtCon .btn{ margin: 0; padding: 0; text-align: center; margin-top: 20px;}
.page_news_list  .txtCon .btn span{text-align: center; line-height: 38px; border: 1px solid #3aa9fa; color: #3aa9fa; display: inline-block; padding: 0 40px; border-radius: 50px; }

.pages{max-width: 1300px; width: 100%;overflow: hidden; margin-bottom: 30px;}
.pages .pagination{max-width: 1300px; width: 100%;overflow: hidden;}


.page_mark_list{max-width: 1300px; width: 100%; margin:0 auto;overflow: hidden;}
.page_mark_list .box{ border-bottom:1px solid #ddd; height:160px; padding: 35px 30px;}
.page_mark_list .box:last-child{ border-bottom:none;}
.page_mark_list .t_d{ color:#666; margin:20px 0 0 0;}
.page_mark_list .t_t_l{ width:180px;font-size:30px; line-height: 1.1; padding-top: 6px; padding-bottom: 6px; border-right:1px solid #ccc; padding-right: 30px; margin-right: 30px;}
.page_mark_list .t_t_l p{ font-size:14px; color:#666;}
.page_mark_list h5{ font-size:22px; }
.page_mark_list .t_t_r{ width:930px; }
.page_mark_list .t_t_r p{ font-size:16px; color:#666;}
.page_mark_list .t_t_r h5 a{ color:#666;}
.page_mark_list ul li h5 a:hover{color:#3aa9fa;}
.page_mark_list .box:hover{ width:100%; overflow:hidden; padding: 35px 30px;display:block;background:#f1f1f1}

/*分页*/
.pages .pagination {list-style-type:none;text-align:center;}
.pages .pagination li {display: inline-block;margin-right: -1px;padding: 4px 10px 4px 10px;border: 1px solid #e2e2e2;text-align: center;margin-left: 10px;list-style-type:none; font-size: 16px}
.pages .pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pages .pagination li a {display: block;text-align: center; color: #000}

.newsCon{max-width: 900px; width: 100%; margin: 0 auto; padding:20px;}
.newsCon .newsTitleCon{border-bottom: 1px solid #eee; text-align: center; padding: 0 0 10px 0;}
.newsCon .newsTitleCon h1{font-size: 30px; line-height: 30px; color: #3aa9fa; margin:0;}
.newsCon .newsTitleCon h2{line-height: 26px; color: #7b7a7b; padding-top: 10px; box-sizing: border-box;}
.newsCon .newsInfoCon{max-width: 1300px; width: 100%; margin: 0 auto; padding: 30px 0 0 0; box-sizing: border-box;font-size: 16px;line-height: 2em;color: #2b2b2b;}
.newsCon .newsInfoCon p{margin-bottom: 10px;}
.newsCon .newsInfoCon img{width:100%;}

/*选项卡切换*/
.mt-tabpage {max-width: 1400px; width:100%; margin: 30px auto; overflow:hidden;box-shadow: 0 0 5px #999;}
.mt-tabpage-title {height: 50px;font-size: 0;width: 94%;margin: auto; margin-top: 10px}
.mt-tabpage-title .mt-tabpage-item {display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #666;font-size: 17px;}
.mt-tabpage-title .mt-tabpage-item:hover{}
.mt-tabpage-title .mt-tabpage-item-cur {color: #fff;font-size: 17px;background:#3aa9fa; font-weight:bold}
.mt-tabpage-count {width: 100%;overflow: hidden;display:block;}
.mt-tabpage-cont__wrap {}
.mt-tabpage-count .mt-tabpage-item {width: 100%;height:auto;overflow: hidden;}

.propage_an_list{width:94%; margin:0 auto;overflow: hidden; margin-top: 30px;}
.propage_an_list ul li{width: 400px; margin-right:2.1%;overflow: hidden; float: left; margin-bottom: 10px;}
.propage_an_list ul li:hover{background: #eee}
.propage_an_list ul li:nth-child(3n) {margin-right: 0; }
.propage_an_list .box{margin: 0 0 20px 0;}
.propage_an_list .box .newsImg {width:400px; height:250px;}
.propage_an_list .box .newsImg img{width:100%; height:100%}
.propage_an_list  .txtCon{padding:20px 10px 10px 10px;}
.propage_an_list  .txtCon .redTxt{color: #073190;}
.propage_an_list  .txtCon .timeTxt{font-size: 12px; line-height: 12px; color: #7b7a7b; font-weight: bold;}
.propage_an_list  .txtCon .titleTxt{font-size: 16px; line-height: 16px; color: #333; margin: 15px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.propage_an_list  .txtCon .btn{ margin: 0; padding: 0; text-align: center; margin-top: 20px;}
.propage_an_list  .txtCon .btn span{text-align: center; line-height: 38px; border: 1px solid #073190; color: #073190; display: inline-block; padding: 0 40px; border-radius: 50px; }


/*选择沁园*/
.g-page_content {
	background: #F5F5F5; overflow:hidden; padding-bottom:30px;
}
.g-inner-content {
	width: 968px;
	position: relative;
	margin: auto;
}
.m-ys-item {
	width: 100%;
	position: relative;
	min-height: 430px;
	height: 500px;
}
.g-inner-content .timeline-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	min-width: 103px;
	min-height: 100%;
}
.g-inner-content .timeline-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    border-left: 1px solid #B4B4B4;
    height: 67%;
    z-index: 1;	
}
.g-inner-content .timeline-wrap .timeline-header-box {
	width: 100%;
	margin-top: 36px;
	position: relative;
}
.g-inner-content .timeline-wrap .timeline-header-box .circle-box {
	width: 103px;
	height: 103px;
	border-radius: 50%;
	border: 1px solid #707070;
	background: #fff;
}
.g-inner-content .timeline-wrap .timeline-header-box .circle-small {
	position: absolute;
	top: 11px;
    left: 8px;
	width: 13px;
	height: 13px;
	border-radius: 51.5px;
	background: #1E95D7;
}
.g-inner-content .timeline-wrap .timeline-header-box .circle-more-small {
	position: absolute;
	bottom: -14px;
	right: 0;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #B4B4B4;
	margin: auto;
}
.g-inner-content .timeline-wrap .timeline-header-box .circle-text-box {
	position: absolute;
	top: 41px;
	left: 20px;
	width: 200px;
	font-size: 16px;
	color: #474747;	
}
.g-inner-content .timeline-wrap .timeline-header-box .circle-text-box .en{
	background: #fff;
}
.g-inner-content .m-ys-item .right-content-wrap {
	width: 916.5px;
	position: absolute;
	top: 0;
	left: 51.5px;
	background: #fff;
	height: 100%;
	z-index: 99;
}

.g-inner-content .m-ys-item .right-content-wrap .content-box {
	width: 576px;
	margin :auto;
	margin-top: 64px;
}
.content-header .title {
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
	position: relative;
}
.content-header .title span{
	width: 15px;
	height: 15px;
	background: #535353;
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
}
.line-dot {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px dashed #BBB;
	font-weight: bold;
}
.dot {
	position: absolute;
	bottom: 18.5px;
	left: 0;
	right: 0;
	margin: auto;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #787878;
}
.text-desc {
/*	text-align: center;*/
	line-height: 24px;
}


.side-pannel {
	width:55px; height:150px; position:fixed; bottom:0; right:0; background:#fff;z-index:9999
}
.side-bar {border-bottom: none;background: #fff}
.side-bar a {
	display: block;
	cursor: pointer;
	width: 54px;
	height: 50px;
	position: relative;
	color: #676767;
}

.side-bar a.qr s {
	position: absolute;
	top: 10px;
	left: 10px
}
.side-bar a.qr i {
	width: 200px;
	height: 200px;
	position: absolute;
	left: -203px;
	top: 50%;
	margin-top: -78px;
	display: none;
	background-position: 0 0;
}
.side-bar a.qr_wx i {
	width: 200px;
	height: 200px;
	position: absolute;
	left: -203px;
	top: 50%;
	margin-top: -128px;
	display: none;
	background-position: 0 0;
}
.side-bar a.qr:hover i {
	display: block
}
.side-bar a.qr i {background-image: url(dianhua.png); background-size:100%; padding:5px;
}
.side-bar a.qr_wx i {
	background-image: url(weixin.png); background-size:100%; padding:5px;
}

.g-icon-qr1 {
	height: 30px;
    width: 30px;
    display: inline-block; background-image: url(tpic.png)
}
.g-icon-qr2 {
	height: 30px;
    width: 30px;background-position: 0px -80px;
    display: inline-block;
}

.g-icon-qr3 {
	height: 30px;
    width: 30px;background-position: 0px -264px;
    display: inline-block;
}

.g-icon-qr1, .g-icon-qr2, .g-icon-qr3{background-image: url(tpic.png)}

.totop-icon{background:#3aa9fa}
.qr:hover{background:#3aa9fa}




.right_nav_bar{width:55px; height:160px; position:fixed; bottom:0; right:0; background:#fff}
 .right_nav_bar li{ position: relative;
    list-style: outside none none;
    float: left;
    height: 54px;
    width: 54px;
 }
 .right_nav_bar i.icon1 {
    background-image: url(tpic.png);
    height: 30px;
    margin: 12px;
    width: 30px;
    display: inline-block;
}
 .right_nav_bar i.icon2 {
    background-image: url(tpic.png);
    height: 30px;
    margin: 12px;
    width: 30px;
    display: inline-block; background-position: 0px -80px;
}
 .right_nav_bar i.icon3 {
    background: rgb(2, 146, 219);background-image: url(tpic.png);
    height: 30px;
    margin: 12px;
    width: 30px;
    display: inline-block; background-position: 0px -264px;
}




