@charset "UTF-8";
/* css reset */
/*@font-face {
    font-family: 'RTW';
    src: url('../font/RTWSShangGoG0v1-Regular.eot');
    src:  url('../font/RTWSShangGoG0v1-Regular.ttf')  format('truetype'),
    url('../font/RTWSShangGoG0v1-Regular.woff') format('woff'),
    url('../font/RTWSShangGoG0v1-Regular.svg#RTWSShangGoG0v1-Regular') format('svg');
}*/
*,body,html,div,p,h1,h2,h3,h4,h5,h6,span,i,strong,small,ul,li,dl,dt,dd,ol,table,tr,td,th,a,input,textarea,label,img,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{font-weight:normal;line-height: 1.5;}
a{text-decoration: none;outline:none;display:inline-block;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;color:#333}
img{border:0;vertical-align: middle;max-width: 100%;height:auto;}
span{display:inline-block;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
i{font-style: normal;}
ul,li{list-style: none;}
input:focus,textarea:focus,select:focus{outline:none; }
body{font-family:"Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;font-weight:300;font-size:16px;color:#545454;margin:0 auto;}
.clear{clear:both;zoom:1;}
.clear:after,.clear:before{content:""; display:table; height:0; clear: both;}
.wrap{width:1200px;max-width:94%;margin:0 auto;}
.fl,li{float:left}
.fr{float:right}
.zz{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);z-index: 1000;display:none;}

/*header*/
.header{height:100px;}
.logo{line-height: 100px;}
.nav{}
.nav li{padding:38px 0 21px;position:relative;margin-left: 50px;}
.nav li>a{display:block;font-size: 18px;line-height: 40px;text-align: center;padding:0 36px;position:relative;border-radius: 4px;overflow: hidden;}
.nav li>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background-image:-webkit-linear-gradient(top,#ffdc08,#ff9c08);background-image:-moz-linear-gradient(top,#ffdc08,#ff9c08);background-image:-ms-linear-gradient(top,#ffdc08,#ff9c08);background-image:-o-linear-gradient(top,#ffdc08,#ff9c08);background-image:linear-gradient(top,#ffdc08,#ff9c08);background-color:#ff9c08\9;z-index: -1;-webkit-transition: .3s;transition: .3s}
.nav li:hover>a,.nav li.on>a{color:#FFF;}
.nav li:hover>a:after,.nav li.on>a:after{height:100%;}
.nav li dl{position:absolute;width:100%;left:0;top:98px;background:rgba(255,255,255,0.85);text-align: center;padding:8px 0;border-radius: 5px;font-size: 16px;line-height: 2.5em;display:none;z-index: 9}
.nav li dl a{display:block;color:#545454;}
.nav li dl a:hover{color:#ff9c08}

/*footer*/
.footer{background:#3f3f41;color:#fff;font-size: 14px;}
.footer_nav a{color:#FFF;opacity:0.5}
.footer a:hover{opacity:1;}
.footer_t{padding:35px 0 60px;}
.footer_logo{width:26%}
.footer_nav{width:50%}
.footer_nav li{width:21%}
.footer_nav li.l1{width:16%}
.footer_nav li dt a{font-size: 16px;line-height: 2;opacity:1;margin-bottom:0.6em;}
.footer_nav li dd a{line-height: 2;}
.footer_contact{width:23%}
.footer_contact p{font-size:12px;line-height: 30px;padding-left: 22px;background:url(../images/footer.png) no-repeat;color:#b0b0b1}
.footer_contact p.tel{background-position:0 9px;}
.footer_contact p.add{background-position:0 -17px;}
.footer_b{background:#2c2c2d;}
.footer_b p,.footer_b a{color:#777;}
.footer_b p{line-height: 1.5;padding:0.8em 0;text-align: center;}
.footer-weixin{margin: 15px 0 0 5px;    width: 110px;}

/*  index  */
/*index_banner*/
.index_banner{position:relative}
.index_banner .bd li img,.index_banner .bd li a{display:block;width:100%}
.index_banner .hd{position:absolute;bottom:5%;left:0;text-align: center;width:100%}
.index_banner .hd ul{display:inline-block;}
.index_banner .hd li{cursor:pointer;width:90px;height:6px;margin:0 5px;position:relative;text-indent: 9999px;font-size: 0}
.index_banner .hd li:after,.index_banner .hd li:before{content:'';width:100%;height:100%;position:absolute;background:#FFF;opacity:0.5;top:0;left:0}
.index_banner .hd li:after{width:0;opacity:1}

.index_banner .swiper-pagination .swiper-pagination-bullet{
	cursor:pointer;width:90px;height:6px;margin:0 5px;position:relative;text-indent: 9999px;font-size: 0;
	border-radius: 0;
	background: rgba(102,102,102,0.55);
	opacity: 1;
	
}
.index_banner .swiper-pagination .swiper-pagination-bullet::after{
	content:'';width:0%;height:100%;position:absolute;background:#FFF;opacity:1;top:0;left:0
}
.index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:100%;-webkit-transition:5s;transition:5s}

/*index_pro*/
.index_pro{background:#666}
.index_pro_nav li{width:16.66666666%;text-align: center;position:relative;height:120px;overflow: hidden;}
.index_pro_nav li a{display:block;width:100%;height:100%}
.index_pro_nav li:after{content:'';position:absolute;top:100%;left:0;width:100%;height:100%;background:#222;-webkit-transition: .3s;transition: .3s}
.index_pro_nav .li_inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 1}
.index_pro_nav li p{font-size: 14px;line-height: 36px;color:#fff;-webkit-transition: .3s;transition: .3s}
.index_pro_nav .icon{height:60px;background-repeat:no-repeat;background-position:center;margin-top: 18px;-webkit-transition: .3s;transition: .3s}
.index_pro_nav .l1 .icon{background-image:url(../images/index_icon_01.png);}
.index_pro_nav .l2 .icon{background-image:url(../images/index_icon_02.png);}
.index_pro_nav .l3 .icon{background-image:url(../images/index_icon_03.png);}
.index_pro_nav .l4 .icon{background-image:url(../images/index_icon_04.png);}
.index_pro_nav .l5 .icon{background-image:url(../images/index_icon_05.png);}
.index_pro_nav .l6 .icon{background-image:url(../images/index_icon_06.png);}
.index_pro_nav .l7 .icon{background-image:url(../images/index_icon_02.png);}
.index_pro_nav .l8 .icon{background-image:url(../images/index_icon_05.png);}
.index_pro_nav .l9 .icon{background-image:url(../images/index_icon_03.png);}

.index_pro_nav .l1.on .icon{background-image:url(../images/index_icon_07.png);}
.index_pro_nav .l2.on .icon{background-image:url(../images/index_icon_08.png);}
.index_pro_nav .l3.on .icon{background-image:url(../images/index_icon_09.png);}
.index_pro_nav .l4.on .icon{background-image:url(../images/index_icon_10.png);}
.index_pro_nav .l5.on .icon{background-image:url(../images/index_icon_11.png);}
.index_pro_nav .l6.on .icon{background-image:url(../images/index_icon_12.png);}
.index_pro_nav .l7.on .icon{background-image:url(../images/index_icon_08.png);}
.index_pro_nav .l8.on .icon{background-image:url(../images/index_icon_11.png);}
.index_pro_nav .l9.on .icon{background-image:url(../images/index_icon_09.png);}

.index_pro_nav li.on:after{top:0}
.index_pro_nav li.on p{color:#ff9c08}
.index_pro_main{background:#f2f2f5;padding:0;/*display:none;*/height:0;overflow: hidden;-webkit-transition: .3s;transition: .3s}
.index_pro_main.on{height:240px;padding:40px 0}
/*.index_pro_list{position:relative;width:100%;height:240px;}*/
.index_pro_item{height:0;-webkit-transition: .3s;transition: .3s;width:100%;position:relative;overflow: hidden;}
.index_pro_item_inner{position:absolute;top:0;left:0;height:235px;width:100%;}
.index_pro_item.on{height:240px;}
.index_pro_item ul{padding:5px 0!important;}
.index_pro_item li{width:23.5%;margin-right:2%;background:#FFF;-webkit-box-shadow: 0 0 5px 1px #ddd;box-shadow: 0 0 5px 1px #ddd}
.index_pro_item li a{display:block;width:100%;}
.index_pro_item li .img{height:190px;overflow: hidden;}
.index_pro_item li .img img{width:100%;height:100%;-webkit-transition: 1s;transition: 1s}
.index_pro_item li .img:hover img{-webkit-transform: scale(1.05);transform: scale(1.05)}
.index_pro_item li p{font-size: 14px;color:#545454;text-align: center;max-width: 90%;margin:0 auto;line-height: 42px;-webkit-transition: .3s;transition: .3s}
.index_pro_item li:hover p{color:#ff9c08}
.index_pro_item .hd a{position:absolute;width:22px;height:40px;background-color:rgba(0,0,0,0.3);background-repeat:no-repeat;background-position: center;top:75px;}
.index_pro_item .hd a.prev{left:0;background-image:url(../images/prev_01.png)}
.index_pro_item .hd a.next{right:0;background-image:url(../images/next_01.png)}
.index_pro_item .hd a:hover{background-color:#ff9c08}
/*index_about*/
.index_title{padding-left: 12px;position:relative;margin:0 0 40px;}
.index_title:after{content:'';position:absolute;left:0;width:4px;height:100%;background:#ff9c08;top:0}
.index_title h2{font-size: 24px;line-height: 1;margin-bottom: 8px;letter-spacing: 2px;}
.index_title p{font-size: 14px;line-height: 1;text-transform: uppercase;color:#545454}
.index_about{padding:90px 0 80px;}
.index_about_txt{width:50%}
.index_about_title h3{font-size: 20px;}
.index_about_title p{font-size: 12px;}
.index_about_title span{display:block;width:145px;height:2px;background:#333;margin:20px 0}
.index_about_txt p{font-size: 16px;line-height: 2.2;color:#434343;text-align: justify}
.index_about_txt a{display:block;width:118px;line-height: 40px;text-align: center;background-image:-webkit-linear-gradient(top,#ffdc08,#ff9c08);background-image:-moz-linear-gradient(top,#ffdc08,#ff9c08);background-image:-ms-linear-gradient(top,#ffdc08,#ff9c08);background-image:-o-linear-gradient(top,#ffdc08,#ff9c08);background-image:linear-gradient(top,#ffdc08,#ff9c08);background-color:#ff9c08\9;color:#FFF;margin-top: 30px;border-radius: 3px;}
.index_about_txt a:hover{background-image:-webkit-linear-gradient(top,#ff9c08,#ffdc08);background-image:-moz-linear-gradient(top,#ff9c08,#ffdc08);background-image:-ms-linear-gradient(top,#ff9c08,#ffdc08);background-image:-o-linear-gradient(top,#ff9c08,#ffdc08);background-image:linear-gradient(top,#ff9c08,#ffdc08);background-color:#ffdc08\9;}
.index_about_img{width:47%;-webkit-box-shadow: 0 0 10px 1px #aaa;box-shadow: 0 0 10px 1px #aaa;margin-top: 15%;}
/*index_news*/
.index_news{padding:90px 0 110px;background:#f2f2f5}
.index_news_t li{margin-left:20px; }
.index_news_t li a{display:block;width:118px;line-height: 40px;text-align: center;;font-size: 16px;background-color:#FFF;border-radius: 3px;color:#545454;}
.index_news_t li.on a{background-image:-webkit-linear-gradient(top,#ffdc08,#ff9c08);background-image:-moz-linear-gradient(top,#ffdc08,#ff9c08);background-image:-ms-linear-gradient(top,#ffdc08,#ff9c08);background-image:-o-linear-gradient(top,#ffdc08,#ff9c08);background-image:linear-gradient(top,#ffdc08,#ff9c08);background-color:#ff9c08\9;color:#FFF;}
.index_news_img{width:42%;height:315px;overflow: hidden;}
.index_news_img img{height:100%;width:auto;max-width: inherit;min-width: 100%;}
.index_news_wrap{width:56%;height:315px;overflow: hidden;}
.index_news_wrap li{float:none;height:60px;padding-bottom: 12px;margin-bottom: 12px;border-bottom:1px dashed #ddd;}
.index_news_wrap li.l4{margin-bottom: 0;padding-bottom: 0;border-bottom:0;}
.index_news_wrap li a{display:block;width:100%;height:100%}
.index_news_wrap li .index_news_date{width:60px;height:60px;background:#fff;float:left;margin-right: 15px;color:#989898;text-align: center;-webkit-transition: .3s;transition: .3s}
.index_news_wrap li .index_news_date h3{font-size: 24px;line-height: 1;padding:0.3em 0 0.15em;-webkit-transition: .3s;transition: .3s;font-weight:bold;}
.index_news_wrap li .index_news_date p{font-size: 13px;-webkit-transition: .5s;transition: .5s}
.index_news_wrap li .index_news_txt{float:left;width:85%;padding-right: 15px;}
.index_news_wrap li .index_news_txt h3{font-size: 16px;line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:normal;-webkit-transition: .3s;transition: .3s}
.index_news_wrap li .index_news_txt p{font-size: 13px;line-height: 1.5;color:#848484;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:normal;}
.index_news_wrap li:hover .index_news_date{background:#ff9c08}
.index_news_wrap li:hover .index_news_date h3,.index_news_wrap li:hover .index_news_date p{color:#fff}
.index_news_wrap li:hover .index_news_txt h3{color:#ff9c08}
.index_news_list{position:relative;height:315px;}
.index_news_item{display:none;position:absolute;top:0;left:0;width:100%;height:100%}
.index_news_item.on{display:block}

/* sub_nav */
.sub_nav{border-bottom:1px solid #e0e0e0;padding-top: 4px;}
.sub_nav li a{display:block;font-size: 14px;line-height: 68px;margin-right: 48px;color:#666;position:relative}
.sub_nav li a:after{position:absolute;content:'';width:100%;height:3px;bottom:-1px;background:#ff9c08;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transition: .3s;transition: .3s}
.sub_nav li.active a:after{opacity:1;filter:alpha(opacity=100)}
.sub_nav li.active a,.sub_nav li:hover a{color:#ff9c08;}
/* cru_nav */
.cru_nav{text-align: right;}
.cru_nav a{color:#888;line-height: 68px;font-size: 14px;padding-left: 14px;margin-left: 12px;background:url(../images/i_2.png) no-repeat left center;}
.cru_nav a.home{padding-left: 20px;background-image:url(../images/i_1.png)}

/* title */
.title{padding:52px 0;text-align: center}
.title h2{font-size: 24px;line-height: 2;letter-spacing: 2px;font-weight:bold;}
.title p{font-size: 14px;line-height: 1;color:#999;text-transform: uppercase}

/*  about  */
.about{padding-bottom:100px;}
.about_img{width:28%;margin:0 5% 2% 0}
.about_txt p{font-size: 13px;line-height:2.6;padding-bottom:1.5em;text-align: justify;color:#545454;text-indent: 2em;letter-spacing: 1px;}
.about_img_list img{width:32.6%;margin-right: 1%;float:left;}
.about_img_list img:last-child{margin-right: 0}
/*about_wh*/
.about_wh{padding: 50px 0;text-align: center}
.about_wh_item{display:inline-block;width:333px;height:275px;background:url(../images/about_wh_bg_01.png);position:relative;overflow: hidden;-webkit-perspective: 500px;perspective:500px;}
.about_wh_item_title{position:absolute;width:100%;top:0;left:0;padding-top: 68px;}
.about_wh_item_title .icon{height:70px;line-height: 68px;margin-bottom: 40px;}
.about_wh_item_title h4{font-size: 18px;line-height: 1;letter-spacing: 1px;}
.about_wh_item_txt{position:absolute;width:100%;top:0;left:0;height:100%;background:url(../images/about_wh_bg_02.png);color:#FFF;-webkit-transition: .5s;transition: .5s;/*-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform: rotate3d(1,0,0,90deg);transform: rotate3d(1,0,0,90deg);*/opacity:0;filter:alpha(opacity=0)}
.about_wh_item_txt h3{font-size: 24px;line-height: 50px;position:relative;padding-top: 85px;letter-spacing: 2px;margin-bottom: 0.5em;}
.about_wh_item_txt h3:after{position:absolute;content:'';width:1em;height:2px;bottom:-2px;left:50%;margin-left:-0.5em;background:#FFF;}
.about_wh_item_txt p{font-size: 14px;line-height: 26px;letter-spacing: 1px;}
.about_wh_item3 .about_wh_item_txt h3,.about_wh_item4 .about_wh_item_txt h3{padding-top: 75px;}
.about_wh_item:hover .about_wh_item_txt{/*top:0;-webkit-transform: rotate(0deg);transform: rotate(0deg);*/opacity:1;filter:alpha(opacity=100)}
.about_wh_list .about_wh_item{margin:0 80px}
.about_wh_list,.about_wh_item4{margin-top: -80px;}
/*about_jg*/
.about_jg{padding:0 0 50px;text-align: center;}
/*about_zz*/
.about_zz{height:425px;position:relative;}
.about_zz_nav{text-align: center;border-bottom:1px dashed #ddd;padding-bottom: 40px;margin: -25px 0 50px;}
.about_zz_nav ul{display:inline-block;}
.about_zz_nav li{margin:0 18px;}
.about_zz_nav li a{display:block;font-size: 14px;line-height: 36px;padding:0 36px;background:#c2c2c2;color:#FFF;border-radius: 3px;}
.about_zz_nav li.on a{background:#ff9c08}
.about_zz_item{position:absolute;z-index: -1;opacity:0;-webkit-transition: .5s;transition: .5s;top:0;left:0;width:100%;height:100%}
.about_zz_item.on{opacity:1;z-index: 1}
.about_zz_item .bd{width:45%;border:1px solid #ddd;height:420px;overflow:hidden;position:relative}
.about_zz_item .bd a{position:absolute;width:38px;height:50px;z-index:1;top:50%;margin-top:-25px;background-position: center;background-repeat: no-repeat}
.about_zz_item .bd a.prev{left:0;background-image:url(../images/prev_02.png);}
.about_zz_item .bd a.next{right:0;background-image:url(../images/next_02.png);}
.about_zz_item .bd a.prev:hover{background-image:url(../images/prev_03.png);}
.about_zz_item .bd a.next:hover{background-image:url(../images/next_03.png);}
.about_zz_item .bd li{width:100%;height:420px;line-height: 418px;text-align: center;}
.about_zz_item .bd li img{max-width: 85%;max-height: 90%}
.about_zz_item .hd{width:50%;height:420px;position:relative}
.about_zz_item .hd_inner {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 margin-top: 0!important;
}
.about_zz_item .hd li{width:50%;margin:15px 0;}
.about_zz_item .hd li a{width:100%;display:block;text-align: center;font-size: 16px;color:#545454;}
.about_zz_item .hd li.on a{background:#e3e3e6}
.about_zz_tc{}
.about_zz_tc img{max-width: 70%;max-height: 80%;position:fixed;;top:50%;left:50%;opacity:0;z-index: -1;}
.about_zz_tc.on img{opacity:1;z-index: 1001}

/*about_ys*/
.about_ys{padding:30px 60px;}
.about_ys .bd{position:relative}
.about_ys .bd li{}
.about_ys .bd li .img{width:47%;height:348px;float:left;overflow: hidden;}
.about_ys .bd li .img img{width:100%;}
.about_ys .bd li .txt{width:47%;float:right;height:348px;position:relative;}
.about_ys .bd li.odd .img{float:right}
.about_ys .bd li.odd .txt{float:left}
.about_ys .bd li .txt_inner{position:absolute;top:45%;left:0;width:100%;}
.about_ys .bd li .txt h3{font-size: 20px;line-height: 1.5;padding-bottom: 1.5em;}
.about_ys .bd li .txt p{font-size: 14px;line-height: 2.5;}
.about_ys .hd{text-align: center;margin-top: 60px;}
.about_ys .hd ul{display:inline-block;}
.about_ys .hd li{cursor:pointer;-webkit-transition: .3s;transition: .3s;width:14px;height:14px;border-radius: 50%;margin:0 5px;background:#dfdee0;font-size: 0;text-indent: 9999px;}
.about_ys .hd li.on{background:#ff9c08}
.about_ys .bd>a{background-repeat:no-repeat;background-position:center; position: absolute; top: 50%; margin-top: -25px; width: 28px; height: 50px; z-index: 10; }
.about_ys .bd>a.prev{left:-60px;background-image:url(../images/c_05.png)}
.about_ys .bd>a.next{right:-60px;background-image:url(../images/c_06.png)}
.about_ys .bd>a:hover{background-color:#ff9c08}
.about_ys .bd>a.prev:hover{background-image:url(../images/c_01.png)}
.about_ys .bd>a.next:hover{background-image:url(../images/c_02.png)}
/*about_hb*/
.about_hb{}
.about_hb li{width:22.75%;margin-right:3%;height:90px;line-height: 88px;background:#dddddd;text-align: center;margin-bottom: 1.2%;-webkit-transition: .3s;transition: .3s}
.about_hb li img{max-width: 88%;max-height: 90%}
.about_hb li:hover{-webkit-box-shadow: 1px 1px 6px 1px #aaa;box-shadow: 1px 1px 6px 1px #aaa;}

/*  news  */
.news{padding-bottom: 120px;}
.news_title{text-align: left;padding:50px 0 10px 10px;}
.news_title h2{font-size: 22px;}
.news_title p{font-size: 16px;letter-spacing: 0;margin-left: 10px;display:inline-block;}
.news_wrap{}
.news_main{width:75%}
.news_item{padding:22px 10px;border-bottom:1px solid #ddd;}
.news_item a{display:block;width:100%}
.news_item h3{font-size: 18px;line-height: 1.5;padding-bottom:1em;-webkit-transition: .3s;transition: .3s}
.news_item p{font-size: 14px;line-height: 1.715em;padding-bottom: 1em;}
.news_info{font-size: 12px;line-height: 2}
.news_item:hover h3,.news_item:hover .news_info span.fr{color:#ff9c08}
.news_tj{width:20%}
.news_tj ul{border-left:1px solid #eee}
.news_tj_title{font-size: 24px;color:#FFF;line-height: 130px;background:url(../images/news_01.jpg) no-repeat center;text-align: center;}
.news_tj li{border-bottom: 1px solid #eee;height:72px;line-height: 70px;}
.news_tj li a{display:inline-block;padding:0 1em;font-size: 14px;line-height: 24px;vertical-align: middle;max-height: 48px;overflow: hidden;}
.news_tj li:hover a{color:#ff9c08}
/*news_detail*/
.news_detail{padding-top:70px;}
.news_detail_title{text-align: center;}
.news_detail_title h3{font-size: 24px;line-height: 1.5;letter-spacing:1px;padding-bottom:0.7em;}
.news_detail_title p{font-size: 12px;line-height: 1;color:#999}
.news_detail_title p span{margin:0 15px;}
.news_detail .news_main{padding-left: 20px;}
.news_detail_main{padding:40px 0;}
.news_detail_main p,.news_detail_main div{font-size:16px;line-height: 2;padding-bottom: 1.5em;text-align: justify;text-indent: 2em;}
.news_detail_main img{max-width: 100%;/*width:100%;*/display:block;margin:0 auto;}
.news_b{border-top:1px solid #ddd;margin-top: 10px;padding-top: 15px;}
.news_b li{float:none;line-height: 2.2;font-size: 14px;}
.news_b ul{width:75%;}
.news_b .back{width:114px;line-height: 38px;text-align: center;letter-spacing: 1px;background:#ff9c08;margin-top: 12px;}
.news_b .back:hover{color:#fff;}
/*  page  */
.page{text-align: center;margin-top: 50px;}
.page ul{display:inline-block;}
.page ul li,.page ul a{font-size: 12px;line-height: 30px;border:1px solid #ddd;padding:0 12px;border-radius: 3px;margin:0 3px;cursor:pointer;float:left;}
.page ul span{float:left;padding:0 5px;-webkit-transition: .3s;transition: .3s}
.page ul li:hover,.page ul li.on,.page ul a:hover,.page ul a.on{color:#fff;background:#ff9c08;border-color:#ff9c08}

/*  contact  */
.contact{padding:0 20px;}
.contact_map{border:1px solid #ddd;}
.contact_info_t{margin:20px 0 10px;background:#f2f2f5;padding:18px 55px;}
.contact_info_t span{width:49%;font-size:14px;line-height: 2;}
.contact_info_b{padding:5px 20px;}
.contact_info_b dt{font-size: 18px;line-height: 3}
.contact_info_b dt img{margin-right: 8px;margin-top: 16px;}
.contact_info_b dd{font-size: 14px;line-height: 2;max-width:68%;padding-bottom: 0.5em;}

/*contact_zp*/
.contact_zp{}
.contact_zp li{float:none;font-size: 14px;line-height: 1.5;border-bottom:1px solid #ddd;}
.contact_zp li.first{border-bottom:0;}
.contact_zp li.first dt{background:#f0f0f2;font-weight:bold;line-height: 70px;}
.contact_zp li dt{font-size: 16px;line-height: 60px;}
.contact_zp li dt span{float:left;width:20%;text-align: center;}
.contact_zp li dt span.h_n{padding-left: 8%;text-align: left}
.contact_zp li dt span.h_d{width:25%}
.contact_zp li dt span.h_r{width:21%}
.contact_zp li dt span.h_s{width:15%}
.contact_zp li dt span.h_x{width:10%}
.contact_zp li dt span.h_x a{width:100%;height:54px;background:url(../images/bottom.png) no-repeat center;display:block;-webkit-transition: .2s;transition: .2s}
.contact_zp li dt.on .h_x a{-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.contact_zp li dt.on .h_n{color:#ff9c08}
.contact_zp li dd{color:#666;padding:1% 8% 4%;line-height:2.125;display:none;position:relative}
.contact_zp li dd.on{display:block;}
.contact_zp li dd h4{font-size: 16px;color:#333;line-height: 3;margin-bottom: 0.2em;}
.contact_zp li dd .dot{width:18px;height:18px;border-radius: 50%;background-image:-webkit-linear-gradient(top,#ffdc08,#ff9c08);background-image:-moz-linear-gradient(top,#ffdc08,#ff9c08);background-image:-ms-linear-gradient(top,#ffdc08,#ff9c08);background-image:-o-linear-gradient(top,#ffdc08,#ff9c08);background-image:linear-gradient(top,#ffdc08,#ff9c08);background-color:#ff9c08\9;float:left;margin:15px 10px 0 0}
.contact_zp li dd p{line-height: 1.9;max-width: 80%}
.contact_zp li dd b{margin-top: 1em;display:inline-block}
.contact_zp_btns a{position:absolute;padding:0 42px 0 32px;background:#ff9c08 url(../images/right_01.png) no-repeat 98px center;line-height: 40px;right:8%}
.contact_zp_btns a.to_job{bottom:190px;}
.contact_zp_btns a.to_map{bottom:60px;}
.contact_zp_btns a:hover{color:#FFF;background-image:url(../images/right_02.png)}

/*  case  */
.case{padding:25px 0 0}
.case_list li{width:32%;margin-right: 2%;margin-bottom: 25px;background:#f5f5f7;}
.case_list li.three{margin-right: 0}
.case_list li a{display:block;width:100%;height:100%}
.case_list li .img{height:245px;line-height: 243px;overflow: hidden;text-align: center;}
.case_list li .img img{-webkit-transition: 1s;transition: 1s;width:100%;min-height: 100%;}
.case_list li .img:hover img{-webkit-transform: scale(1.05);transform: scale(1.05)}
.case_list li .txt{text-align: center;padding:15px 10px;}
.case_list li .txt h4{font-size: 18px;line-height: 1.625;-webkit-transition: .3s;transition: .3s}
.case_list li .txt p{font-size: 15px;line-height: 1.625;color:#999797;}
.case_list li:hover .txt h4{color:#ff9c08}
/*case_detail*/
.case_detail { padding:40px 0 140px;}
.case_detail_title{border-bottom: 1px dashed #ddd;line-height: 45px;padding:0 24px;}
.case_detail_title .fl h3{font-size: 24px;display:inline-block}
.case_detail_title .fl p{font-size: 20px;text-transform: uppercase;display:inline-block;color:#999;vertical-align: middle;}
.case_detail_title .fr{font-size: 14px;line-height: 40px;color:#999;padding-top: 5px;}
.case_detail_main{padding:24px 24px 0}
.view .swiper-container { width: 100%; height: 710px;}
.view .arrow-left { background: url(../images/c_01.png) no-repeat center; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
.view .arrow-right { background: url(../images/c_02.png) no-repeat center; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
.view .arrow-left:hover{background-image:url(../images/c_05.png)}
.view .arrow-right:hover{background-image:url(../images/c_06.png)}
.view .swiper-slide a{display:block;width:100%;height:100%;text-align: center;background:#ddd}
.view .swiper-slide a img{width:100%;max-width: 100%;/*max-height: 100%*/}
.preview { width: 100%; margin-top: 5px; position: relative; }
.preview .swiper-container { width: 100%; height: 118px;}
.preview .swiper-slide { width: 177px; height: 118px;}
.preview .swiper-slide.last { width: 174px;}
.preview .swiper-slide img{width:172px;height:116px;}
.preview .arrow-left { background:rgba(0,0,0,0.5) url(../images/c_03.png) no-repeat center; position: absolute; left: 0; top: 50%; margin-top: -15px; width: 13px; height: 30px; z-index: 10; }
.preview .arrow-right { background:rgba(0,0,0,0.5) url(../images/c_04.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -15px; width: 13px; height: 30px; z-index: 10; }
.preview img { padding: 1px; }
.preview .active-nav img {width:172px; padding: 0; border: 1px solid #F00; }
.preview .arrow-left:hover,.preview .arrow-right:hover{background-color:#ff9c08}