﻿body { font-family: 微软雅黑,"Open Sans", sans-serif; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }

img,a{ border:0;max-width:100%;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}

 






/*----------header----------*/
.header {background:#fff;min-width:1200px; }
.head{ height:35px;color:#fff; line-height:35px;background:#e52029;width:100%;}
.head img{ vertical-align:middle;}
.div_tel{ color:#fff;}
.div_tel span{ display:inline-block;margin-right:20px; padding-left:20px;  }
.tel{background:url(../img/tel.png) no-repeat left center}
.email{background:url(../img/email.png) no-repeat left center}

.head_nav{} 
.nav li{ padding:10px 0; position:relative; width:10%; text-align:center;float:left; position:relative;}
.nav li a{display:inline-block; padding:0 15px; line-height:28px; font-size:16px; border-radius:15px; }
.nav li.on a,.nav li:hover a{background:#e52029;color:#fff; }
.nav li label{ position:absolute; right:-1px;color:#e0e0e0; }
.nav li.li1{ margin-left:20%;}
.nav{ line-height:71px;}
.logo{ width:20%; position:absolute; left:40%; top:10px; text-align:center;} 
.nav .drop_list{ display:none; position:absolute; top:80px; left:0; width:120%; left:-10%; background:url(../img/icon29-1.png) no-repeat top center #e52029; z-index:100; padding-top:10px;}
.nav .drop_list ul li{ width:100%; text-align:center; padding:0;}
.nav .drop_list ul li a{ color:#fff;display:block; border-radius:0;  line-height:40px;height:40px;}
.nav .drop_list ul li a:hover{ background:#be0d16}


.nav .drop_weixin{ display:none; position:absolute; top:74px;  width:412px;height:243px; right:0%; background:url(../img/drop1.png) no-repeat center center; z-index:100; padding-top:10px;}
.drop_weixin .item{ width:50%; float:left; text-align:center;line-height:normal; padding-top:30px;}
/*----------mainer----------*/
.mainer { clear:both; min-width:1200px;}
.page_mainer{ padding-top:40px; padding-bottom:96px;}
.banner { height:600px; font-size:40px; line-height:1.5em;}
.banner .item{ display:table; width:100%; height:600px;}
.banner .item .wrap{ display:table-cell; text-align:center; vertical-align:middle; color:#fff;}
.banner h1{ font-size:1.3em; font-weight:normal;}
.banner label{display:block; width:60px; height:2px; background:#fff; margin:20px auto;}
.banner p a { font-size:14px; display:block; width:148px; height:39px; border-radius:30px; background:#e52029; color:#fff;margin:0 auto;margin-top:40px; line-height:39px; }
.banner p a span{ display:inline-block; padding-left:30px; background:url(../img/icon2.png) no-repeat left center;}


.page{ padding:95px 0;}
.page.page2{ padding-top:0;}
.page_f8f7f6{background:#f8f7f6;}

.ul_list .item{ width:49.5%;}
.ul_list .item .wrap{ width:auto; padding:0 15px; border:1px solid #e3e3e3; background:#fff; box-shadow:0 0px 10px rgba(11,3,6,0.03);}
.title{ line-height:52px; border-bottom:1px dashed #ddd;}
.title span{ padding-left:35px; display:inline-block;font-size:20px;}
.title .span1{background:url(../img/icon3.png) no-repeat left center}
.title .more{ display:inline-block;color:#a4a4a4; padding-right:20px; background:url(../img/icon4.png) no-repeat right center}

.img img{ max-width:100%;}
.list_title{ padding-top:10px ;}
.list_title .img{ width:313px; margin-right:20px; position:relative;height:176px;}
.list_title .img img{ display:block; }
.list_title .img p{ position:absolute; bottom:0; line-height:39px; background:rgba(0,0,0,0.52); width:90%; padding:0 5%;color:#fff;font-size:16px; text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
.list_title h1{ font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:15px 0;}
.list_title p{ line-height:25px; color:#939393; font-size:16px;}
.list_title p a{ color:#939393}
 .p_tips{ font-size:14px;color:#bcbcbc;line-height:20px;padding-bottom:15px;}
 .p_tips span{display:inline-block; padding-left:20px;}
 .p_tips .span1{ background:url(../img/icon5.png) no-repeat left center;margin-right:20px;}
 .p_tips .span2{ background:url(../img/icon6.png) no-repeat left center;}

.ul_list ul li{ line-height:49px; border-bottom:1px dashed #e5e5e5; position:relative; padding-right:82px;}
.ul_list ul li span{ display:block; position:absolute; right:0; top:0; height:49px; line-height:49px;  }
.ul_list ul li span a{ display:block;width:80px; height:26px; font-size:12px;line-height:26px;margin-top:12px;border:1px solid #ff6c73; background:#fce8e9; color:#e52029; text-align:center; border-radius:15px;}
.ul_list ul li:last-child{ border-bottom:0;}
.ul_list ul li h3{ font-weight:normal; padding-left:20px;display:block; background:url(../img/icon7.png) no-repeat left center;}
.ul_list ul li h3 a{ white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;}


.page_title h1{ font-size:34px; font-weight:normal;text-align:center;}
.page_title p{ width:280px; height:15px; line-height:30px; border-bottom:1px solid #abaaaa;margin:0 auto;margin-top:20px; text-align:center;}
.page_title p span{display:inline-block; font-size:26px; color:#bcb9b9; background:#fff; padding:0 10px;}
.page_f8f7f6 .page_title p span{ background:#f8f7f6}

.img_owl{ padding-top:50px;}
.img_owl .img{ width:692px;background:#000;}

.flipster-nav{ position:absolute; width:80px; margin-left:-40px; text-align:center; bottom:20px; left:50%;}
.flipster-nav li{ display:block; float:left; width:33.333%;  height:12px; background:url(../img/cur.png) no-repeat center center;}
.flip-nav-category:hover,.flip-nav-category.flip-nav-current{background:url(../img/cur-1.png) no-repeat center center;}
.flipster-nav li a{ color:transparent;}
.flip-nav-items{ display:none;}
.img_owl .flipster{ padding-bottom:70px; overflow:hidden;}
.flipster .flipto-prev{ position:absolute;color:transparent;margin-top:20px; width:42px; height:42px;background:url(../img/cur1.png) no-repeat center center;display:block; left:30%;}
.flipster .flipto-prev:hover{background:url(../img/cur1-1.png) no-repeat center center;}
.flipster .flipto-next{ position:absolute;color:transparent;margin-top:20px; width:42px; height:42px;background:url(../img/cur2.png) no-repeat center center;display:block; right:30%;}
.flipster .flipto-next:hover{background:url(../img/cur2-1.png) no-repeat center center;}
.flip-items{ padding-bottom:30px;}
.flip-item{  text-align:center;}
.flip-item.flip-current{ box-shadow:0 5px 10px rgba(0,0,0,0.1)}
.flip-item .text { background:#fff;border:1px solid #e9e9e9;border-top:0;}
.flip-item .text h2{ padding-top:20px; padding-bottom:15px; font-size:30px; color:#e52029; font-weight:normal;}
.flip-item .text label{ width:50px; height:2px; background:#e52029; margin:0 auto; display:block;}
.flip-item .text p{ line-height:50px; color:#939393}


.ul_list2{ padding-top:70px;}
.ul_list2 ul{ overflow:hidden;}
.ul_list2 ul li{ width:50%;margin-top:20px; float:left;}
.ul_list2 ul li .list{ padding:10px 36px; border:1px solid #f8f7f6;}
.ul_list2 ul li .img{ width:98px;margin-right:20px; height:98px; border-radius:98px; overflow:hidden; float:left; }
.ul_list2 ul li .text{ overflow:hidden; position:relative; height:98px;}
.ul_list2 ul li .text h1{ font-size:22px; color:#000; font-weight:normal;padding-top:20px; padding-bottom:15px;}
.ul_list2 ul li .text h1 span{ font-size:14px; color:#a0a0a0; margin-left:10px;}
.ul_list2 ul li:hover .list{ border-color:#f0f0f0; box-shadow:0 1px 10px rgba(0,0,0,0.1)}
.ul_list2 ul li .text p span{ color:#e52029; padding-left:20px; display:inline-block; line-height:20px; background:url(../img/icon8.png) no-repeat left center}
.ul_list2 .more{ position:absolute; right:20px; top:50%; margin-top:-13px; height:26px; line-height:26px; width:83px; text-align:center; border:1px solid #ff6c73; color:#e52029; border-radius:15px;background:#fce8e9;}
    .ul_list2 .more:hover { background:#e52029; color:#fff; }
/*----------footer----------*/
.footer {background:#292929;padding-top:70px;color:#fff; min-width:1200px; }
.footer .ul1{ width:100%; overflow:hidden;}
.footer .ul1 li{ float:left; width:13%;}
.footer .ul1 li a{ color:#fff; display:block; padding-left:10px; border-left:2px solid #e52029}
.footer .ul2{width:560px; margin-top:50px; overflow:hidden; padding-bottom:30px;}
.footer .ul2 li{width:50%; float:left; line-height:40px;}
.footer .ul2 li span{ display:block; padding-left:30px;}
.footer .ul2 li .span1{ background:url(../img/icon9.png) no-repeat left center;}
.footer .ul2 li .span2{ background:url(../img/icon10.png) no-repeat left center;}
.footer .ul2 li .span3{ background:url(../img/icon11.png) no-repeat left center;}
.footer .ul2 li .span4{ background:url(../img/icon12.png) no-repeat left center;}
.ewm{ position:absolute; top:0; right:0; width:22%; text-align:center;}
.ewm span{ padding-top:20px;display:block;}

.foot{ padding:20px 0; background:#201f1f; color:#797272;text-align:center; font-size:12px;}



/*----------custom----------*/
.page_mainer .wrap{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1)}

.left_logo img{display:block;}
.left_side{ width:279px; float:left;position:relative;z-index:10; line-height:56px;}
.left_side .span_tit{ padding-left:57px; display:block; }
.left_side .span_tit a{ display:block; padding-left:30px; background:url(../img/icon13.png) no-repeat left center;}
.left_side .span_tit.span2 a{ background:url(../img/icon13-1.png) no-repeat left center;}
.left_side ul li{ border-bottom:1px dashed #eee8e9; position:relative;}
.left_side ul li a{display:block;padding-left:64px;}
.left_side ul li a span{ display:inline-block; padding-left:20px;  background:url(../img/icon14.png) no-repeat left center}
.left_side ul li a:hover,.left_side ul li.on a{background:#e52029;color:#fff;}
.left_side ul li .span_tit a:hover,.left_side ul li.on .span_tit a{ background:url(../img/icon13.png) no-repeat left center; color:#000;}
.left_side ul li .span_tit.span2 a:hover,.left_side ul li.on .span_tit.span2 a{ background:url(../img/icon13-1.png) no-repeat left center; color:#000;}
.left_side ul li:hover .span_tit a{ color:#000}
.left_side ul li:hover i,.left_side ul li.on i{ display:block; position:absolute; right:-1px; width:10px; height:56px; top:0; background:url(../img/bg1.jpg) no-repeat center center;}
.left_side ul li a:hover span,.left_side ul li.on a span{  background:url(../img/icon14-1.png) no-repeat left center}


.right_cont{ overflow:hidden;}
.right_cont .wrap{width:auto; padding:20px;padding-top:0; border-left:1px solid #ddd;}

.div_pos{  border-bottom:1px solid #eae3e4;line-height:68px; color:#adadad; padding-left:30px; background:url(../img/icon15.png) no-repeat left center}
.div_pos a{ color:#adadad;}
.div_pos a.on{color:#e52029}

.r_list ul{ margin:0 -1%; padding-bottom:30px;overflow:hidden;}
.r_list ul li{ width:31.333%; margin:0 1%; float:left; margin-top:20px; position:relative; z-index:1;}
.r_list ul li .list{ border:1px solid #ddd; background:#fff; }
.shadow{ position:absolute; bottom:-13px; left:0; z-index:-1; width:100%;}
.shadow img{ width:100%;}

.r_list ul li img{ width:100%;}
.r_list ul li:hover .list{ border-color:#e52029}
.r_list ul li .text{ padding:0 15px; line-height:20px;}
.r_list ul li .text p{ height:60px; overflow:hidden; margin-bottom:20px;}
.r_list ul li .text p.p_tips{ height:auto;margin-bottom:0;}
.r_list ul li .text h3{ line-height:40px; font-weight:normal;font-size:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.pagesize{ text-align:right;padding-bottom:10px;}
.pagesize a{ display:inline-block; line-height:28px; width:28px;text-align:center; font-size:12px;border:1px solid #e7e7e7; color:#92847e}
.pagesize a.on,.pagesize a:hover{   color:#fff;border-color:#000;background:#000;}
.pagesize a.a_prev{ padding:0 20px; width:auto;}
.pagesize a.a_next{ padding:0 20px; width:auto;}


.r_cont{ min-height:500px;}
.r_cont h2{ text-align:center; font-weight:normal; font-size:28px; color:#181716;padding-top:40px;padding-bottom:30px;}
.div_tips{ font-size:14px;padding-bottom:0px; border-bottom:1px solid #f0f0f0}
.content p{ padding-top:25px; text-indent:2em;line-height:25px;font-size:14px;}

.div_sys{ width:310px; margin:0 auto; padding:30px 0;}
.div_sys .img{ float:left; width:130px; margin-right:20px;}
.div_sys .img img{width:100%;}
.div_sys .text{ overflow:hidden;}
.div_sys .text h3{ font-weight:normal; font-size:16px;margin-top:8px;}
.div_sys .text a{ display:block; width:160px; height:32px; line-height:32px; border-radius:20px; background:#e52029; color:#fff; margin-top:15px; text-align:center;font-size:14px;}
.div_sys .text a.on{ background:#2e8aed}
.div_sys .text a span{ display:inline-block; background:url(../img/icon17.png) no-repeat left center; padding-left:20px;}


.prev_next{ height:50px; line-height:50px; border-bottom:1px dashed #ddd;}
.prev_next a{color:#6d6d6d; font-size:12px;}

.cont_tips{ line-height:80px; font-size:12px;color:#908e8b}
.cont_tips a{ display:inline-block;}
.cont_tips img{ vertical-align:middle;}
.cont_tips p{ padding-left:17px; background:url(../img/icon19.png) no-repeat left center;}
.cont_tips p label{ font-size:14px;color:#010101;}
.cont_tips .frt span{ display:inline-block; width:60px; height:29px; background:url(../img/icon18.png) no-repeat center center;line-height:29px;text-align:center;color:#212121;}

.title3{ line-height:40px; height:41px; border-bottom:1px solid #eceaea}
.title3 h3{ display:inline-block; border-bottom:2px solid #e52029; font-size:18px; font-weight:normal;}

.div_about ul{padding:40px 0; overflow:hidden; margin:0 -1%; }
.div_about ul li{ width:18%; margin: 0 1%; float:left; background:#f7f7f7}
.div_about img{width:100%;}
.div_about .text{ padding:5px; padding-top:10px; line-height:20px;}

.wap_nav{ display:none;}
.gotop{ display:none;}
.wap_share{ display:none;}
.wap_btn{ display:none;}
.wap_more{display:none;}
@media only screen and (max-width: 750px){
.header,.mainer,.footer{ min-width:100%;}
.head{display:none;}
.wrap{ width:100%;}
.logo{ position:absolute; top:10px; text-align:left; left:10px; height:30px;}
.logo img{ width:auto; height:30px;}
.nav li{ display:none;  width:100%; text-align:center;}
.nav li.on{ display:block;}
.nav li.on a{ background:#fff;font-size:18px;color:#000}
.nav{ line-height:30px;}

.wrap_menu{ position:absolute; right:10px; top:10px; height:30px; width:20px; background:url(../img/icon20.png) no-repeat center center; background-size: 100% auto;}
.banner .item,.banner{ height:300px;}
.banner h1{ font-size:28px;}
.banner label{  margin:10px auto;}
.banner .item .wrap{ font-size:18px; line-height:30px;}
.banner p a{margin-top:20px;}

.page{ padding:20px 0;}
.ul_list .item{ width:100%;}
.ul_list .item.frt{ margin-top:10px;}
.list_title .img{ width:100%;height:auto;float:none;}
.img img{width:100%;}
.ul_list .item .text{ position:relative;}
.list_title p.p_tips{ position:absolute; top:0; right:0; line-height:48px;}
.p_tips .span1{ margin-right:10px;}
.ul_list ul li {padding-right:90px;}
.list_title h1{ padding-right:170px;}

.flipster-carousel .flip-item{ width:300px}
.img_owl .img{ width:100%;}
.flip-item .text h2{ font-size:20px;}
.flipster .flipto-next,.flipster .flipto-prev,.flipster-nav{ display:none;}
.img_owl .flipster{ padding-bottom:0;}
.ul_list2{ padding-top:20px; }
.ul_list2 ul li{ width:100%; border-bottom:1px dashed #ddd;}
.ul_list2 ul li:last-child{ border-bottom:0;}
.ul_list2 ul li .img{ width:70px; height:70px;}
.ul_list2 ul li .list{ padding:10px;}
.ul_list2 ul li .text h1{ font-size:18px;padding-top:10px;}
.ul_list2 .more{ width:60px;}

.footer{ background:#f6f1f0; font-size:12px; border-top:1px solid #e4dddc; color:#7e7b7b;padding-top:20px;}
.footer .ul1 li a{ color:#7e7b7b;}
.footer .ul1{ width:80%;margin:0 auto; padding-top:10px;}
.footer .ul1 li{ width:33.333%; padding:15px 0; }
.footer .ul1 li a{ border-left:0; margin:0; padding:0; display:block; border-left:1px solid #ccc;text-align:center;}
.footer .ul1 li:nth-child(1) a,.footer .ul1 li:nth-child(4) a{ border-left:0;}
.footer .ul2  {margin-top:10px;padding-left:10px;}
.footer .ul2 li{ width:100%;}
.footer .ul2 li span{ line-height:35px;}

.gotop{display:block; margin:0 auto;text-align:center;}
.gotop a{ display:inline-block; line-height:40px; padding:0 20px;background:#fce8e9; border:1px solid #ff6c73; color:#f5412f; border-radius:2px;}
.footer .ul2{ width:auto;}
.footer .ul2 li .span1{ background:url(../img/icon9-1.png) no-repeat left center;background-size:auto 20px;}
.footer .ul2 li .span2{ background:url(../img/icon10-1.png) no-repeat left center;background-size:auto 20px;}
.footer .ul2 li .span3{ background:url(../img/icon11-1.png) no-repeat left center;background-size:auto 20px;}
.footer .ul2 li .span4{ background:url(../img/icon12-1.png) no-repeat left center;background-size:auto 20px;}
.ewm{ top:150px; width:25%;padding:0 5%; border-left:1px solid #ccc;}
.foot{ background:none;  width:90%; margin:0 auto;line-height:25px;}

.wap_nav i{ float:right; margin-right:10px;display:block;border:5px solid rgba(0,0,0,0.92); margin-top:-10px;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;}
.wap_nav{ display:none; position:absolute; top:45px; right:10px; background:rgba(0,0,0,0.92);z-index:100; width:50%; border-radius:5px;}
.wap_nav li{ width:100%;line-height:45px;background:url(../img/line.png) no-repeat bottom center; background-size:100% auto;}
.wap_nav a{ color:#fff; text-align:center;display:inline-block; padding-left:30px; margin:0 auto; margin-left:50px;}
.wap_nav li:nth-child(1) a{background:url(../img/icon21.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(2) a{background:url(../img/icon22.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(3) a{background:url(../img/icon23.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(4) a{background:url(../img/icon24.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(5) a{background:url(../img/icon25.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(6) a{background:url(../img/icon26.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(7) a{background:url(../img/icon27.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(8) a{background:url(../img/icon28.png) no-repeat left center; background-size:auto 1em;}

::-webkit-scrollbar{height:0;}

.page_mainer {padding:0;}
.left_side{width:100%; float:none; overflow:hidden;}
.left_logo{ display:none;}
.left_side ul{ white-space:nowrap;  overflow-x:auto;border-bottom:1px solid #e9e9e9}
.left_side ul li{ display:inline-block; position:relative;}
.left_side .span_tit{ display:inline-block; padding-left:0;}
.left_side .span_tit.span2 a{background:none;padding-left:0;}
.left_side ul li a{ background:none; padding-left:0;}
.left_side ul li:hover i, .left_side ul li.on i{ display:none;}
.left_side ul li a:hover, .left_side ul li.on a{ background:none;color:#000;}
.left_side ul li a span{ background:none; padding-left:0;}
.left_side ul li{ padding:0 20px; border-bottom:0; }
.left_side ul li.on:after{content:''; width:60px; height:4px;background:#e52029;display:block;margin:0 auto; position:absolute; bottom:0; left:50%; margin-left:-30px;}

.div_pos{ display:none;}
.r_cont h2{ text-align:left; padding:10px 0; font-size:20px;padding-top:30px;}
.div_tips .flt{color:#939393}
.div_sys .img{ float:none; margin:0 auto;}
.div_sys{ width:160px;}

.prev.flt{ float:none;}
.next.frt{ float:none;}
.prev_next{ height:auto; line-height:25px; border-top:1px dashed #ddd; border-bottom:0;padding:10px 0;}
.prev_next a{ font-size:14px;}
.cont_tips{ display:none;}
.wap_share{ display:block;padding-bottom:40px;}
.wap_share img{ height:40px; vertical-align:middle; }
.wap_share span:first-child{ margin:0 10px;}
.s_p_tips a{ display:inline-block; padding:0 10px; line-height:30px; border:1px solid #e52029; color:#e52029; border-radius:5px;margin-top:15px;}

.title3{ border-bottom:0;}
.title3 h3{ border-left:4px solid #e52029; border-bottom:0; height:20px; line-height:20px; padding-left:10px;}

.div_about ul li{ width:48%;}
.left_side .span_tit a{ background:no-repeat; padding:0;}

.r_list ul li{ width:98%;margin-top:0;}
.r_list ul li:first-child .img{ width:100%; height:auto; float:none;}
.r_list ul li:first-child .img img{ height:auto;width:100%;}
.r_list ul li .img{ height:60px; margin-right:10px; float:left;}
.r_list ul li .img img{ height:60px; width:auto;}
.r_list ul li .text{ padding-right:0;position:relative;}
.r_list ul li .text p{ display:none;}
.r_list ul li:first-child .text p{ display:block;}
.r_list ul li:first-child p.wap_btn{ display:none;}
.r_list ul li .list{ padding:10px 0;border:0;border-bottom:1px dashed #ddd;}
.shadow {display:none;}
.r_list ul li .list:after,.r_list ul li .list:before{ clear:both; content:''; display:table;}
.r_list ul li .text p.p_tips{display:block;padding-bottom:5px;}
.r_list ul li:last-child .list{ border:0;} 
.r_list ul li .text p.wap_btn{ display:block; position:absolute; bottom:5px; right:0; height:20px;font-size:10px;background:#fce8e9; border:1px solid #ff6c73; color:#e52029;line-height:20px;padding:0 5px;border-radius:15px; margin-bottom:0;}
.r_list ul li .text p.wap_btn a{display:block; color:#e52029}
.wap_more a{ line-height:40px; color:#939393; text-align:center; display:block;}
    .wap_more { display: block; border-top:1px solid #ddd; }
.pagesize{ display:none;}
.r_list ul{ padding-bottom:0;}


.page_f8f7f6 .page_title p span{ background:#f8f7f6}

}

@media only screen and (min-width:400px){
.footer{ font-size:16px;}
}


































































































