*{margin:0 ; padding:0 ;font-size: 14px;font-family: "Microsoft YaHei";
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;}
body{font-family: "Microsoft YaHei";
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;}
img {display: block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
a {text-decoration: none; cursor:pointer}
.clear{clear: both; font-size:0; height:0; line-height:0;content: "";}
li {list-style: none;}
.container {max-width:750px;margin: 0 auto;position: relative; }
.container1 {max-width: 750px;margin: 0 auto;position: relative; }
/* top */
.header-top {background:url(../images/topbg1.png) repeat-x;height: 45px;}
.header-top-img{float:left;width:7%;height: 40px;}
.header-top-img img{ display:block; width:100%; height:45px;}
.header-top-tel{float:left;width:86%;height: 40px;line-height:40px;color:#fff;font-size:14px;color:#fff;background:url(../images/topbg3.png) repeat-x;background-size:auto 45px;text-align:right;}
.header-top-tel span{margin-left: -6px;float: left;}
.header-top-tel img{ display:inline-block; width:18px; height:18px; margin:0 2px 0 0px; vertical-align:middle;}
.header-top-zh{float:left;width:10%; font-size:16px; color:#333; line-height:37px; text-align:center; text-transform:uppercase;}
.header-top-zh a{color:#333;}
/* logo/nav */
.logo{ float:left;width:80%; height:auto; padding:0 0 0 8px;}
.logo img{ display:block; width:80%; height:auto;}
.nav{ width:18%; height:92px;}
.nav li{ width:100px; height:auto; float:left; color:#333;}
.nav li .a1{ color:#333;font-size:16px; display:block; height:102px; line-height:90px; text-align:center;}
.nav li .a1:hover{ background:url(../images/navbg.png) no-repeat center bottom; color:#e77817;}
.nav li.on a.a1{background:url(../images/navbg.png) no-repeat center bottom !important; color:#e77817 !important;}

.xlcd{float:right;background:url(../images/navbga.png) no-repeat center 8px;background-size:25px auto;width:60px;height: 50px;font-size:0;}
.menus{ width:120px; height:auto; background:#e67817; position:absolute; top:70px; right:0; z-index:9999; display:none; padding:10px 0 10px 20px; z-index:99999;}
.menus li {height:35px; line-height:35px;}
.menus li a{color:#fff; display:block; height:35px;}
.menus li a:hover,.menus li.on a{ font-weight:bold;}
/* banner */
.index-banner {max-width:750px;}
.banner {width: 100%;height:510px;position: relative;}
.banner a {display: block;width: 100%;height:100%;}
.banner img {width: 100%;}
.banner02{ width:100%;height:auto;}
.banner02 img{ display:block; width:100%; height:auto;}
/* 图片自适应 */
.swiper-slide img{width:auto;height: auto;max-width:100%;margin:auto;}
/* 搜索 */
.search-left{ height:auto; line-height:32px;padding:8px 0 8px 8px; overflow:hidden; color:#666666;}
.search-left span{ font-weight:bold; font-size:14px; line-height:32px;}
.search-left a{ padding:0 3px; color:#666;}
.search-line{ height:14px; background:url(../images/line01.jpg) repeat-x;}
.search-r{ height:40px; border:1px solid #ccc; width:95%; padding:0 0 0 2%; margin:8px auto;}
.search-r input{ height:40px; width:80%; line-height:40px; color:#999999; border:none;}
.search-r .btn{ float:right;width:40px; height:40px; background:url(../images/searchbg.jpg) no-repeat left center; cursor:pointer;}
/* footer */
.footer-div { width:100%; height:auto;}
.footer-line{ height:20px; border-top:1px solid #e6e6e6;}
.footer-logo{  font-size:20px; color:#333; font-weight:bold; line-height:50px;}
.footer-logo img{ width:200px; height:auto; display:block;}
.footer-lx{ min-height:140px;padding:0 0 0 54px; font-size:16px; color:#333; line-height:32px; padding:0px 8px 8px 8px; border-bottom:1px solid #666666}

.footer-copy{ color:#666666; line-height:30px; padding:8px}
.footer-link{ line-height:30px; padding:8px; font-size:16px; background:#666666; color:#e5e5e5;}
.footer-link a{ color:#e5e5e5; padding:0 0 0 8px;}
/* daoh */
.index-title { font-size:22px; font-weight:bold;line-height:30px; text-align:center; letter-spacing:2px; padding:8px 0 8px 0}
.index-title p{ font-size:12px; text-transform:uppercase; font-weight:400;}
.index-title p img{ display:inline-block; width:49px; height:9px; vertical-align:middle; margin:0 8px 0 6px;}
.index-title font{font-size:22px; color:#f5821c; font-weight:bold;}

/*------------------------------ 解决方案 ------------------------------*/
.solution {max-width:750px;height:auto;position: relative;margin:0 auto; background:url(../images/zs1.png) no-repeat right top, url(../images/zs.png) no-repeat left 417px;}
.solution .swiper-button-prev { left:8px;bottom:10px;width:0px;height:0px;}
.solution .swiper-button-next { right:8px;bottom:10px;width:0px;height:0px;}
.solution .swiper-wrapper{max-width:750px; height:auto;}
.solution .swiper-slide {width:100%;height:auto;}
.solution .swiper-slide img {width:96%;height:auto; box-shadow:0 0 5px #666; margin:0 auto;}
.solution .txt{width:96%; height:auto; height:auto; background:#fff; margin:10px 0 0 0; padding:15px 2% 15px 2%}
.solution .txt font{ display:block; height:60px; line-height:60px; color:#303030; font-size:24px;}
.solution .txt span{ display:block; width:40px; height:3px; background:#e67817; font-size:0; margin-bottom:20px;}
.solution .txt p{ color:#999999; line-height:28px; height:112px; overflow:hidden; letter-spacing:1px;}
.solution .swiper-pagination-bullet{ background:#ec8123 !important;opacity:1 !important; border:2px solid #fff !important}
.solution .swiper-pagination-bullet-active{background:#fff !important;}
.solution-more{ display:block; width:136px; height:36px; line-height:36px; text-align:center; border:2px solid #fff; font-size:16px; color:#fff; margin:15px 0 30px 20px;}
/* index-about */
.index-about { width:100%;padding:0 0 20px 0; background:#f5f5f5 url(../images/aboutbg1.jpg) no-repeat center top}
.index-about  .index-title{ color:#fff;padding:20px 0 20px 0}
.index-about-div{ height:98%; background:#fff; margin:0 auto 0 auto;}
.index-about-video{ width:100%; height:auto; overflow:hidden}
.index-about-video img{ display:block; width:100%; height:auto;}
.index-about-txt {width:96%; height:auto; margin:0 auto;}
.index-about-txt .dh {font-size:22px;color: #e67817;line-height:60px; padding:5px 0 0 0; font-weight:bold;}
.index-about-txt span {width: 60px;height: 4px;background:#e67817;display: block;margin-bottom: 23px;}
.index-about-txt .txt {line-height: 26px;color: #303030;height:182px;margin-bottom:12px;
    text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;}
.index-about-txt-more {display: inline-block; width:140px; text-align:center; height:40px; line-height:40px; font-size: 16px;color: #fff;background:#e67817;}

.index-about-ul { height:60px; background:#fff; padding:10px 0 0 1%}
.index-about-ul li { float:left; width:18.55%; height: 60px;  padding:0 0 0 14%; line-height:60px; font-size:16px; font-weight:bold;}
.index-about-ul li:first-child {background:url(../images/about1.png) no-repeat 0 center; border:none}
.index-about-ul li:nth-child(2) {background:url(../images/about2.png) no-repeat 0 center;}
.index-about-ul li:nth-child(3) {background:url(../images/about3.png) no-repeat 0 center;}
.index-about-ul li:nth-child(4) {background:url(../images/about4.png) no-repeat 0 center;}
.index-about-ul li:nth-child(5) {background:url(../images/about5.png) no-repeat 0 center;}
.index-about-ul li:nth-child(6) {background:url(../images/about6.png) no-repeat 0 center;}
.index-about-ul li:first-child:hover {background:url(../images/about7.png) no-repeat 0 center; border:none}
.index-about-ul li:nth-child(2):hover {background:url(../images/about8.png) no-repeat 0 center;}
.index-about-ul li:nth-child(3):hover {background:url(../images/about9.png) no-repeat 0 center;}
.index-about-ul li:nth-child(4):hover {background:url(../images/about10.png) no-repeat 0 center;}
.index-about-ul li:nth-child(5):hover {background:url(../images/about11.png) no-repeat 0 center;}
.index-about-ul li:nth-child(6):hover {background:url(../images/about12.png) no-repeat 0 center;}
.index-about-ul li a {color: #303030; display:inline-block; height:60px;}
.index-about-ul li a:hover{color: #e67817;}

.index-dynamic {background: #ebebeb;padding: 65px 0 85px 0;position: relative;  }
.index-dynamic-company {width: 795px;float: left;background: #fff;padding-bottom: 30px;}
.index-dynamic-company-title{background: url("../images/new_nav1.png")no-repeat center top;height:55px; }
.index-dynamic-company-title div{height: 55px;border-bottom:solid 1px #dddddd;}
.index-dynamic-company-title strong{margin:20px 0 0 20px; display: block;line-height: 18px;border-left: 3px solid #1f94de;padding-left: 8px;float: left;color: #1f94de;font-size: 16px;}
.index-dynamic-company-title img{display: block;float: right;margin:20px 20px 0 0;}
.index-dynamic-company_big{width: 730px;margin: 30px auto 0 auto;}
.index-dynamic-company_pic{float: left;width: 280px;position: relative;}
.index-dynamic-company_pic img{display: block;width: 280px;height: 297px;}
.index-dynamic-company_pic:hover .index-dynamic-company_float{display: block;}
.index-dynamic-company_pic .index-dynamic-company_float{display: block; position: absolute;background: rgba(31,148,222,0.4);color: #fff;padding: 17px 15px 25px 15px;left: 0;bottom: 0;width: 250px;}
.index-dynamic-company_float strong{display: block;margin-bottom: 5px;font-weight: normal;color: #fff;}
.index-dynamic-company_float p{line-height: 25px;color: #fff; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.index-dynamic-company_txt{float:right;width: 420px;}
.index-dynamic-company_txt li{border-bottom: 1px dotted #e3e2e2;padding-bottom: 15px;margin-bottom: 15px;}
.index-dynamic-company_txt li .index-dynamic-company_data{float: left;}
.index-dynamic-company_data strong{display: block;font-size: 32px;color: #666666;font-weight: bold;margin-bottom: 5px;text-align: center;}
.index-dynamic-company_data span{width: 62px; display: block;line-height: 22px;text-align: center;font-size: 13px;color: #fff;background: #c4c3c3;}
.index-dynamic-company_txt li:hover span {background: #1f94de;}
.index-dynamic-company_th{width: 338px;float:right;}
.index-dynamic-company_th strong{display: block;color: #333;margin-bottom: 5px;font-weight: normal;font-size:16px;}
.index-dynamic-company_txt li a:hover .index-dynamic-company_th strong{color: #1f94de}
.index-dynamic-company_th p{color: #777;line-height: 25px;font-size:14px; word-break:break-all;height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.question{width: 360px;float: right;background: #fff;overflow: hidden;height:420px;}
.question .question_con{width: 380px;height:324px; margin-left:12px ;padding: 20px 0 30px 0;overflow-y: scroll;}
.question_con li{width: 310px;box-sizing: border-box; border-bottom: 1px dotted #e3e2e2;padding-bottom: 13px;margin-bottom: 13px;background:url(../images/index/list_style_grey.png)no-repeat left 3px;}
.question_con li:hover {background:url(../images/index/list_style_blue.png)no-repeat left 3px;}
.question_con li a {padding-left:19px;display: block;}
.question_con li a p{color: #333;line-height: 1;margin-bottom: 14px;}
.question_con li a p:nth-child(2) {color: #777;display: block;line-height: 25px;height: 50px;font-size: 14px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.question_con li:hover a p:first-child {color: #1f94de}

/*-------------------- news --------------------*/
.news-dh1{ height:68px; line-height:68px; text-transform:uppercase;}
.news-dh1 span{ font-size:18px; color:#303030; padding-right:10px; font-weight:bold;}
.news-dh1 a{ display:block;color:#999999; height:68px; background:url(../images/line02.jpg) no-repeat right center;}
.index-new1{ width:94%; height:auto; border:1px solid #ccc; margin:0 1% 0 1%; padding:0 2% 15px 2%; margin-bottom:20px; box-shadow:0 0 4px 4px #f5f5f5}

.index-new-img1{ width:100%; height:auto; display:block;}
.index-list1{ width:100%;height:80px;padding:20px 0 0 0;}
.index-list1 .dh1{ float:left;width:40px; height:80px; background:#eee; line-height:40px; text-align:center; color:#666; font-size:20px; font-weight:bold; margin:0 10px 0 0;}
.index-list1 .dh1 span{ color:#fff; font-size:14px; display:block; height:40px;text-transform:uppercase; background:#e67817; font-weight:normal;}
.index-list1 .dh2{ height:32px; line-height:32px; overflow:hidden; font-weight:bold;color:#333;}
.index-list1 .txt{ line-height:26px; height:52px; overflow:hidden; color:#666;}
.index-list2{ line-height:26px; height:52px; overflow:hidden; background:url(../images/li1.jpg) no-repeat left 12px; padding:0 0 0 25px; margin:22px 0 0 0;}
.index-list2 a{ color:#333;}
.index-list3{ line-height:26px; height:92px; overflow:hidden;  margin:0 0 20px 0;}
.index-list3 img{ float:left;width:120px; height:90px; display:inline-block; margin-right:11px;}
.index-list3 .dh{ font-weight:bold; height:30px; line-height:30px; overflow:hidden}
.index-list3 .txt{ height:52px; line-height:26px; overflow:hidden;}
.index-list3 a{ color:#333;}

.news_list {margin-bottom: 20px; padding:20px 0 0 0; width:100%; height:auto}
.news_list li {padding:10px; height:auto;border: 1px solid #efefef; margin:0 6px 22px 6px;}
.news_list li img {  width:100%; height:auto; margin:0 auto 0  auto; }
.news_list li .txt { width:100%; height:auto;}
.news_list li .txt font {font-size: 18px;color: #333333;line-height:50px;height:50px; overflow:hidden; display:block;}
.news_list li .txt p {color: #666;line-height: 26px;height:52px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news_list li .txt span { display:block;font-size: 16px;color: #fff; width:120px; height:36px; line-height:36px; text-align:center; background:#e67817; margin:15px 0 0 0;}
.news-time{ height:40px; font-size:16px; color:#666;line-height:40px;}
.news-time span{  font-size:20px; font-weight:bold; color:#e67817; padding:0 10px 0 0;}
.news_list li:hover{ box-shadow:0 0 5px 5px #f2f0ef; border-radius:3px;}
/* index-advantage */
.index-advantage {padding:20px 0 20px 0; background:#fff url(../images/ysbg01.jpg) no-repeat center top;}
.index-advantage .index-title{ margin-bottom:20px;}
.index-advantage .index-title p{background:url(../images/ysbg1.png) no-repeat center center; font-size:20px; color:#fff; margin-top:20px;}
.index-advantage-txt{ width:96%; height:auto; margin:0px 0 0 2%; text-transform:uppercase;}
.index-advantage-txt .dh{ font-weight:bold; height:60px;}
.index-advantage-txt .dh img{ float:left;width:50px; display:inline-block; vertical-align:top; margin:0 10px 0 0;}
.index-advantage-txt .dh span{ float:left;display:block; line-height:46px; font-size:20px;width:200px; border-bottom:2px solid #cccccc;}
.index-advantage-txt .txt{ font-size:16px; line-height:38px; height:auto; background:url(../images/ys04.png) no-repeat 0px center; padding:0 0 0 15px;}
.index-advantage-txt .txt font{ font-weight:bold; color:#f5821c; font-size:16px;}

.index-advantage-img1{ width:96%; display:block; height:auto; margin:0 0 20px 2%;}
.index-advantage-img2{ width:96%; display:block; height:auto; margin:12px 0 20px 2%;}
.index-advantage-img3{ width:96%; display:block; height:auto; margin:0 0 0 2%;}
/* index-product */
.index-product { width:100%; height:auto;
background:url(../images/products01.jpg) no-repeat center top,url(../images/products02.jpg) no-repeat center bottom;}
.index-product-main { width:100%; height:auto}
.index-product-main ul{ width:100%; height:auto;}
.index-product-main li{ width:47%; height:auto; float:left;margin:0 0 10px 2%;}
.index-product-main li img{ display:block; width:98%; /*height:auto;*/height:125px; border:2px solid #e6e6e6; margin:0 auto;}
.index-product-main li span{ display:block; height:46px; line-height:46px; overflow:hidden; font-size:16px;}
.index-product-main li a{ color:#999999;}
.index-product-main li a:hover{ color:#e67817;}
.index-product-main li a:hover img{border:2px solid #e67817;}
.index-product-main ul:first-child{ display:block;}

.products-div{ width:100%; height:auto; background:url(../images/contactsbg.jpg) repeat-y center top;}
.products-nav{ width:100%; height:auto; margin-bottom:20px;background:#666666;}
.products-nav a{ display:inline-block;height:50px; line-height:50px; overflow:hidden; padding:0 15px 0 15px; font-size:16px; font-weight:bold; color:#fff;}
.products-nav a:hover,.products-nav a.on{background:#e67817; }


.products-r{ width:100%; height:auto;}
.products-r-ul{ width:100%; height:auto;}
.products-r-ul li{float:left; width:47%; height:auto;  margin:0 0 10px 2%;}
.products-r-ul li img{ border:2px solid #e6e6e6; width:98%; height:auto; display:block; margin:0 auto;}
.products-r-ul li span{ display:block; height:35px; line-height:35px; overflow:hidden;}
.products-r-ul li a{ color:#999999}
.products-r-ul li a:hover{ color:#e67817;}
.products-r-ul li a:hover img{border:2px solid #e67817;}
.pro-dh{color:#333; font-weight:bold; background:url(../images/line05.png) no-repeat right center; height:28px; line-height:28px; margin:55px 0 15px 0;}
.pro-dh span{ display:inline-block; height:28px; background:#fff url(../images/line04.png) no-repeat right center; padding:0 28px 0 0; font-size:24px;}
.pro-ul-tj{ background:#f5f5f5; padding:16px 0 0 0; margin-bottom:20px;}
.pro-ul-tj li{ width:47%; height:auto; float:left; text-align:center; margin:0 0 0 2%;}
.pro-ul-tj li img{ display:block; width:99%; height:auto; border:1px solid #cccccc;}
.pro-ul-tj li span{ display:block; height:56px; line-height:56px; overflow:hidden;}
.pro-ul-tj li a{ color:#666666;}
.pro-div1{ background:#f5f5f5; width:100%; height:auto; padding:5px 0 0 0;}
.pro-div1 .pro-dh{margin:35px 0 15px 0;}
.pro-div1 .pro-dh span{ background:#f5f5f5 url(../images/line04.png) no-repeat right center;}
.pro-details{ width:96%; height:auto; font-size:16px; line-height:28px; color:#333; margin:0 auto;}
.pro-details .f_left{ float:left;}
.pro-details .f_right{ float:right;}
.pro-details .p1{width:49.56%; height:auto; line-height:35px; background:#f18101; font-size:15px; color:#ffffff; font-weight:bold; text-align:center}
.pro-details .p2{width:49.56%; height:auto; line-height:35px; background:#fcf8f5; font-size:15px; color:#666666; text-align:center}
.pro-details .p3{width:49.56%; height:auto; line-height:35px; background:#f2e4e1; font-size:15px; color:#666666; text-align:center}
.pro-details .p4{ background:#fff; border:1px solid #f2e4e1; padding:20px 0 20px 40px; line-height:35px;}
.pro-details img{ width:100%; height:auto;}
/*------------------------------ product-page ------------------------------*/
.swiper2-area {width:390px;height: 92px;position: relative;padding-left: 38px;transform: translateX(-5%);}
.swiper2-area .swiper-button-prev { left:0; top:21px;width:38px;height:92px;background:url(../images/leftbtn.png) no-repeat left center;}
.swiper2-area .swiper-button-next { right:0; top:21px;width: 38px;height:92px;background:url(../images/leftbtn2.png) no-repeat right center;transform: translateX(100%);}
.swiper2-area .swiper-wrapper{ min-width:350px; height:auto;  }
#swiper2 .swiper-slide {width:122px;height:92px;}
#swiper2 .swiper-slide img {width:120px;height:90px; border:1px solid #cccccc;}
#swiper2 .swiper-slide img:hover{ border:1px solid #f18101;}

.a-product-left{ width:480px; height:360px; border:1px solid #cccccc; margin-bottom:60px;}
.a-product-left #swiper1 {width: 480px;height: 360px;}
.a-product-left #swiper1 .swiper-slide img {width:480px;height:360px;}
.a-product-right {width:100%; margin:0 auto;}
.a-product-right .dh{ height:auto; line-height:30px; padding:15px 8px; font-size:24px; font-weight:bold; color:#333; border-bottom:1px solid #cccccc; margin-bottom:15px;}
.a-product-right-ul {width:100%; height:auto;}
.a-product-right-ul li { float:left;width:47%; height:auto; line-height:35px; color:#666666; margin-left:2%;}
.a-product-right-more{ color:#fff; display:block; width:120px; height:36px; float:left; text-align:center; line-height:36px; background:#e67817; margin:8px 0 20px 8px;}

/*------------------------------ contact ------------------------------*/
.contact {padding-bottom:20px; background:url(../images/contactsbg.jpg) repeat-y center top;}

.contact_list{ border:1px solid #e6e6e6; background:#f5f5f5; padding:0 0 20px 0; margin-bottom:20px; font-size:16px;}
.contact_list .dh{ font-size:24px; font-weight:bold; color:#333333; height:100px; line-height:100px; text-align:center;}
.contact_list ul {width:98%;margin:0 auto; height:auto;}
.contact_list li {float: left;width:48%;font-size:16px;line-height:25px; color:#666; text-align:center; margin-bottom:5px;}
.contact_list li font{ display:block; font-size:18px; font-weight:bold; height:35px; color:#333; line-height:35px;}
.contact_list li span{ display:block; width:100px; height:100px; border:2px solid #e7e7e7; border-radius:50%; margin:0 auto 10px auto; background:#fff; }
.contact_list li img{ vertical-align:middle; display:block; margin:27px auto 0 auto; height:45%; width:auto;}
.contact_list li:nth-child(3n) {margin-right:0;}
/*---------------------常见问题 ------------------------------*/
.cjwt-dh{color:#e67817; font-weight:bold; background:url(../images/dh2.jpg) no-repeat right center; height:28px; line-height:28px; margin:20px 0 15px 8px;}
.cjwt-dh span{ display:inline-block; height:28px; background:#fff url(../images/dh1.jpg) no-repeat right center; padding:0 28px 0 0; font-size:24px; }
.cjwt-list{ width:95%; height:auto; margin:0 auto;color:#e67817; padding:15px 0 15px 0; cursor:pointer;}
.cjwt-list .dh{ height:45px; line-height:45px; font-size:18px; background:url(../images/cjwt02.jpg) no-repeat left center; padding:0 0 0 30px; overflow:hidden;}
.cjwt-list .txt{ line-height:26px; height:auto; overflow:hidden; color:#333;}
.cjwt-list:hover .dh{ background:url(../images/cjwt01.jpg) no-repeat left center;}
.cus-wrapper {box-shadow: 0 0 1px black;padding: 8px 10px;}
.cus-scroll {max-height: 828px;overflow-y: scroll;}
.cus-scroll>.cjwt-list:not(:last-of-type) {border-bottom: 1px solid #ccc;}
/* width */
.cus-scroll::-webkit-scrollbar { width: 4px;}
/* Track */
.cus-scroll::-webkit-scrollbar-track {background: rgba(197, 197, 197,.5);border-radius: 4px;}
/* Handle */
.cus-scroll::-webkit-scrollbar-thumb {background: rgb(99, 99, 99);border-radius: 4px;}
/* Handle on hover */
.cus-scroll::-webkit-scrollbar-thumb:hover {background: #555;}
/*-------------------- about --------------------*/
/* about_title */
.about_ul{font-weight:normal; display: block;font-size: 28px;color: #333333;line-height:1;text-align: center;margin-bottom:0;background:#999999;}
.about_ul li { float:left; width:25%; height:36px; line-height:36px; text-align:center;}
.about_ul li a{ color:#fff; display:block; height:36px; background:#999999; font-size:16px;}
.about_ul li a:hover,.about_ul li.on a{ background:#e67817}
.about-details{ padding:20px 8px 20px 8px; display:none;}
.about-details .cjwt-dh{ margin-top:0;}
.about-details img{ width:100%; height:auto;}
.about-details .txt{ line-height:28px; color:#666666; padding:10px 0 0 0;}
.container .about-details:first-child{ display:block;}
.culture01{ background:#f5f5f5; color:#444444; padding:0 29px 20px 29px; margin:10px 0 20px 0;}
.culture02{background:#f5f5f5; color:#444444; font-weight:bold;}
.social{ background:#f5f5f5; color:#666; padding:15px 8px 30px 8px; line-height:28px; margin-bottom:20px}
.about-video{ padding:3%; width:96%; height:auto; background:#f5f5f5; margin:20px 0 20px 0;}
.about-video img{ width:100%; height:auto;}
.about-yj{ width:100%; height:auto;}
.about-yj li{ width:47%; height:auto; float:left; margin:20px 0 0 2%;}
.about-yj img{ display:block; width:98%; height:auto; border:2px solid #cccccc; margin:0 auto;}
.about-yj span{ display:block; height:46px; line-height:46px; text-align:center; overflow:hidden}


.about-zz{ width:100%; height:auto;}
.about-zz li{ width:47%; height:auto; float:left; margin:8px 0 0 2%; color:#333;}
.about-zz img{ display:block; width:100%; height:auto;}
.about-zz span{ display:block; height:46px; line-height:46px; text-align:center; overflow:hidden}


.about_history_main {margin:20px 0 20px 0;position:relative;overflow:hidden; border:1px solid #e6e6e6; /*height:1005px;*/height:100%;
background:url(../images/fz02.png) no-repeat right 0, url(../images/fz02.png) no-repeat left bottom; padding:75px 0 0 0; position:relative;}
.about_history_main .ul01{width:100%; /*height:960px;*/height:100%; margin:0 auto; overflow:hidden}
.about_history_main ul{width:100%; /*height:960px;*/height:100%;transition: transform .25s; }
.about_history_main ul li{ width:96%; height:auto; position:relative; margin:0 0 0 4%;}
.about_history_main ul li .dh1{ font-size:18px; font-weight:bold; color:#333; line-height:50px;height:50px; padding:0 0 0 65px}
.about_history_main ul li .dh2{}
.about_history_main ul li .txt{ background:#f5f5f5; font-weight:bold; line-height:30px; color:#444; padding:8px;}
.about_history_main ul li span{ position:absolute; left:0px;top:16px; width:60px; height:18px; z-index:2}
.about_history_main ul li span img{ display:block;width:60px; height:18px;}
.about_history_main ul li.f_right{ clear:both;}
.about_history_main ul li.f_left{clear:both;}
.about_history_main .btn01{ position:absolute; top:20px; right:0; width:61px; height:61px; background:url(../images/fz03.png) no-repeat; background-size:40px auto; cursor:pointer}
.about_history_main .btn02{ position:absolute; top:80px; right:0; width:61px; height:61px; background:url(../images/fz04.png) no-repeat; cursor:pointer;background-size:40px auto;}
.about_history_line{ height:30px; background:url(../images/fz02.jpg) no-repeat center top;}
/* 关系用户 */
.gxyh-div{ width:100%; height:auto; margin:0 auto;}
.gxyh-div .index-title{ padding-bottom:15px;}
.gxyh-nav{ height:36px; text-align:center;margin:0 auto 20px auto;}
.gxyh-nav a{ display:inline-block; height:36px; line-height:36px; font-size:16px; color:#fff; background:#999; padding:0 5px; margin:0 2px 0 2px;}
.gxyh-nav a:hover,.gxyh-nav a.on{ background:#e67817;}
.gxyh-details{ color:#333333; line-height:27px; padding:10px 8px 20px 8px;}
.gxyh-details img{ width:100% !important; height:auto !important;}
/* 翻页 */
.page{ width:100%;height:30px; text-align:center; padding:10px 0 20px 0;}
.page a{ display:inline-block; width:30px; line-height:30px; text-align:center; border:1px solid #ccc; margin:0 auto; font-size:16px; color:#666;}
.page img{ display:block; width:9px; height:15px; vertical-align:middle; margin:0 auto; line-height:30px;}
.page a:hover{border:1px solid #e77817; background:#e77817; color:#fff !important;}
.page a:nth-child(1) { background:url(../images/page01.png) no-repeat center center; font-size:0px; vertical-align:top;}
.page a:hover:nth-child(1) { background:#e77817 url(../images/page01.png) no-repeat center center;  vertical-align:top;}
.page a:last-child{ background:url(../images/page02.png) no-repeat center center; font-size:0px; vertical-align:top;}
.page a:hover:last-child { background:#e77817 url(../images/page02.png) no-repeat center center;  vertical-align:top;}

.page-sx{ font-size:16px; line-height:30px; border-top:1px solid #ccc; padding:10px 0 20px 0;}
.page-sx p{ padding:3px 8px;}
.page-sx a{ color:#999999;font-size:16px;}
.page-sx a:hover{ color:#333 !important;}
/* 当前位置 */
.location{ height:52px; line-height:52px; padding:0px 0 0 8px;}
.location span{ color:#e67817;}
.location a{ color:#666}
/* jjfa */
.jjfa-list{ width:100%; height:auto; padding:40px 0 0 0;}
.jjfa-list li{width:47%; height:auto; float:left; margin:0 0 20px 2%;}
.jjfa-list li img{ display:block;width:100%; height:auto;}
.jjfa-list li .dh{ height:90px; border:1px solid #cccccc; border-top:none; text-align:center; padding:8px 0 0 0;}
.jjfa-list li .dh font{ display:block; height:45px; line-height:45px; overflow:hidden; font-size:18px;}
.jjfa-list li .dh span{ display:block; width:60px; height:2px; background:#e67817; margin:0 auto 11px auto;}
.jjfa-list li a{ color:#333;}
.jjfa-list .xt{ height:2px; background:#e67817; display:none}
.jjfa-list li:hover .xt{ display:block;}

.jjfa-details{ color:#666666; line-height:30px; padding:20px 8px 20px 8px;}
.jjfa-details img{ width:100%; height:auto;}
.jjfa-title{ background:#f5f5f5 url(../images/xqbg.jpg) no-repeat right 8px; padding:7px 0 10px 8px;}
.jjfa-title .dh{ width:100%; height:56px; line-height:56px; border-bottom:1px solid #cccccc; font-size:20px; color:#333; font-weight:bold;}
.jjfa-title span{ display:block; height:26px; line-height:26px; color:#666666; padding:8px 0 0 0;}
.jjfa-title a{ display:block; width:120px; height:36px; text-align:center; line-height:36px; font-size:16px; color:#fff; margin:32px 218px 0 0; background:#e67817;}

/* jion */
.jion-dh{ height:28px; line-height:28px; background:url(../images/dh2.jpg) no-repeat right center; margin-bottom:20px;}
.jion-dh span{font-size:20px; color:#e67817; font-weight:bold; display:inline-block;background:#fff; padding:0 8px;}
.jion-p1{ width:20%; padding:0 0 0 3%;}
.jion-p2{ width:18%; text-align:center}
.jion-p3{ width:18%;text-align:center;}
.jion-p4{ width:18%;text-align:center;}
.jion-p5{ width:22%;}
.jion-p6{ width:18%;}
.jion-p7{ width:30%; padding:0 0 0 3%;}
.jion-p8{ width:21%; text-align:center;}

.jion-ul1{ width:100%; height:60px; font-size:15px; line-height:60px; color:#fff; background:#e67817; margin-bottom:20px;}
.jion-ul1 li{ float:left; height:60px;font-size:15px;}
.jion-div{ width:100%; height:auto; background:#ffffff; margin-bottom:20px;}
.jion-ul2{ width:100%; height:60px; font-size:15px; line-height:60px;background:#f5f5f5 url(../Images/page1.png) no-repeat 95% center;}
.jion-ul2 li{ float:left; height:60px;font-size:15px; color:#666666}
.jion-div .on{ background:#f5f5f5 url(../Images/page2.png) no-repeat 95% center !important; color:#e67817 !important}
.jion-div .on li{color:#e67817 !important}
.jion-down{ border-top:1px solid #999999; height:auto; width:100%; padding:40px 0 60px 0; display:none; background:#f5f5f5}
.jion-down .dh{ font-size:24px; color:#333333; margin-bottom:5px;}
.jion-down .dh1{ color:#273997; height:35px; line-height:35px; padding:12px 0 0 0;}
.jion-down .txt{ color:#333333; line-height:30px; background:url(../Images/line.jpg) repeat-y right top; padding:0 2px 0 15px;}
.jion-down .txt1{  height:auto;line-height:30px; color:#333333; padding:20px 0 0 15px;}
.jion-form{ width:98%; height:auto; padding:36px 0 0 2%;}
.jion-form input{ height:38px; line-height:38px; border:1px solid #cccccc; font-size:14px; color:#999999; padding:0 0 0 8px; margin:0 5px 0 0 ;}
.jion-form img{ vertical-align:top; display:inline-block;}
.jion-form .btn1{ width:40%;}
.jion-form .btn2{ width:50%;}
.jion-form .btn3{ width:95%; margin:10px 0 10px 0;}
.jion-form .btn4{ width:40%; color:#fff !important; text-align:center; padding:0;  background:#e67817; cursor:pointer;}

.jion-xy-ul{ width:1200px; height:auto; background:url(../Images/jionbg2.jpg) no-repeat center 80px; padding:30px 0 0 0;}
.jion-xy-ul li{ float:left;width:200px; height:auto; text-align:center;}
.jion-xy-ul li span{ width:110px; height:110px; display:block; border-radius:50%; border:5px solid #273997; margin:0 auto;}
.jion-xy-ul li font{ display:block; font-size:18px; height:50px; line-height:50px;color:#333333;}
.jion-xy-ul li:hover font{ color:#273997 !important;}
.jion-xy-ul li:nth-child(2n+1){ margin-top:100px;}
.jion-xy-ul li:nth-child(1) span{ background:#fff url(../Images/jion01.png) no-repeat center center;}
.jion-xy-ul li:nth-child(2) span{ background:#fff url(../Images/jion02.png) no-repeat center center;}
.jion-xy-ul li:nth-child(3) span{ background:#fff url(../Images/jion03.png) no-repeat center center;}
.jion-xy-ul li:nth-child(4) span{ background:#fff url(../Images/jion04.png) no-repeat center center;}
.jion-xy-ul li:nth-child(5) span{ background:#fff url(../Images/jion05.png) no-repeat center center;}
.jion-xy-ul li:nth-child(6) span{ background:#fff url(../Images/jion06.png) no-repeat center center;}
.jion-xy-ul li:hover:nth-child(1) span{ background:#273997 url(../Images/jion01-1.png) no-repeat center center;}
.jion-xy-ul li:hover:nth-child(2) span{ background:#273997 url(../Images/jion02-1.png) no-repeat center center;}
.jion-xy-ul li:hover:nth-child(3) span{ background:#273997 url(../Images/jion03-1.png) no-repeat center center;}
.jion-xy-ul li:hover:nth-child(4) span{ background:#273997 url(../Images/jion04-1.png) no-repeat center center;}
.jion-xy-ul li:hover:nth-child(5) span{ background:#273997 url(../Images/jion05-1.png) no-repeat center center;}
.jion-xy-ul li:hover:nth-child(6) span{ background:#273997 url(../Images/jion06-1.png) no-repeat center center;}
.jion-xy-div{ width:100%; min-height:560px; background:#3d4da2 url(../Images/jionbg1.jpg) no-repeat center bottom; padding:0 0 40px 0;}
.jion-xy-div .index-title{color:#fff;}
.jion-xy-div .index-title font{ color:#fff;}
.jion-xy-ul3{ height:60px; width:100%; line-height:60px; background:#273997; margin:10px 0 13px 0;}
.jion-xy-ul3 li{ float:left;font-size:18px; color:#fff;}
.jion-xy-ul4{ height:60px; width:100%; line-height:60px; background:#fff; margin-bottom:13px;}
.jion-xy-ul4 li{ float:left;font-size:18px; color:#333333;}

.jion-yg-div{ width:100%; height:auto; background:#fff; padding:30px 0 50px 0;}
.jion-yg-dh{ height:42px; line-height:42px; font-size:20px; font-weight:bold; color:#333;}
.jion-yg-txt1{ float:left;width:580px; height:auto; margin:0 0 40px 40px; border-right:1px solid #ccc; font-size:18px; line-height:35px;}
.jion-yg-txt1 p{ font-size:18px; padding:0 0 0 20px;}
.jion-yg-txt2{  float:left;width:530px; height:auto; margin:0 0 0 40px;}
.jion-yg-txt2 img{ display:inline-block; width:48px; height:48px; vertical-align:middle; margin:0 10px 0 0;}
.jion-yg-txt2 .p1{ float:left;width:260px; height:48px; line-height:48px; font-size:18px; color:#666666; margin:10px 0 10px 20px;}
.jion-yg-txt2 .p2{ float:left;width:230px; height:48px; line-height:48px; font-size:18px; color:#666666; margin:10px 0;}
.jion-yg-ul{ width:1120px; height:auto; margin:0 auto; min-height:350px;}
.jion-yg-ul .swiper-slide {text-align: center; width:360px; height:300px; overflow:hidden;font-size: 16px; line-height:30px; color:#333333;}
.jion-yg-ul .swiper-slide img{ display:block; width:360px; height:260px; margin-bottom:10px;}