@charset "gb2312";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family: Arial, Helvetica, sans-serif, "PingFang SC", "Source Han Sans CN", "Microsoft Yahei"; background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c}
a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}
a:hover{color:#ec7e10}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select,button{ outline:none; font-family:"Microsoft Yahei",Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#ec7e10}
.red{ color:#f00}
.ovh{ overflow:hidden}

.wrap{ width:100%; max-width:1400px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.headerBox{ height:100px; width:100%; position:relative}
.header{ position:fixed; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);top:0;left:0; z-index:999}
.logo{position: absolute;left:30px;top:0; z-index:2}
.logo img{ display:block; padding-top:15px; float:left}
.logo .bc{ float:left; position:relative; color:#5d5b56; font-size:16px; margin-top:30px; padding-left:25px;}
.logo .bc:before{ content:""; width:1px; height:42px; background:#e8e8e8; display:block; position:absolute; left:10px;top:0}
.header_r{ position: absolute; right:30px; height:100%;top:0}

.menubox{ text-align:center; position:relative; line-height:0; padding:0 140px 0 330px}
.menu{ display:inline-block}
.menu li{ float:left; line-height:100px; font-size:16px; position:relative}
.menu li a{ display:block; font-size:18px; color:#333; padding:0 35px; position:relative}
.menu li .menu_a:after{ content:""; width:1px; height:15px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-7px}
.menu li:hover .menu_a{color:#ec7e10;}
.menu li .cur{color:#f48617;}
.menu li:last-child .menu_a:after{ display:none}
.menu .nav-sub{
    width: 100%;
    background: #fff;
    position: absolute;
    top: 100px;
    left: 0;
    height: auto;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .2s;
    transition: transform .3s .2s;
}
.menu .nav-sub a{ display:block; line-height:42px; font-size:15px; color:#666; padding:0; text-align:center; border-bottom:1px solid #e8e8e8; opacity:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.menu .nav-sub a:hover{ background:#ec7e10; color:#fff}
.menu .nav-sub.active{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-moz-transition: -webkit-transform .3s;-ms-transition: -webkit-transform .3s;-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.menu .nav-sub.active a{ opacity:1}
.application-menu{
    display: block;
    background: #fff;
    margin: 0;
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 998;
	border-top:1px solid #e8e8e8;
	font-size:16px;
	line-height:45px;
	display:none;
	
}
#page #application-menu.active{
    -js-display: flex;
    display: -webkit-box;
     display: -webkit-flex; 
    display: -ms-flexbox;
     display: flex; 
}
.application-menu .wrap{ position:relative;}

.menu-level-1 {
	max-width:50%;
    width: 100%;
	background: #fff;
    position: relative;
}
.menu-level-1 .top {
    background: #ec7e10;
    position: relative;
	font-weight: 300;
    font-size: 25px;
    letter-spacing: 1px;
    color: #fff;
    padding: 20px 100px 20px;
}
.menu-level-1 .content-menu{-webkit-box-shadow: 0 3px 2.5px #868686;box-shadow: 0 3px 2.5px #868686; min-height:600px; padding:40px 0 40px 100px}
.menu-level-1 .content-menu li {
    border-bottom: none;
    padding-right: 110px;
    padding-bottom: 0;
}
.menu-level-1 .content-menu li a{ display:block;border-bottom:1px solid #e8e8e8;position:relative}
.menu-level-1 .content-menu li i{ width:16px; height:16px; background:url(../images/arrow_icon01.png) no-repeat center;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg); transform:rotate(-90deg); position:absolute; right:0;top:14px}
.menu-level-1 .content-menu .menu-level-li.active>a{ color:#ec7e10}

.menu-level-1 .btn{ width: 190px;height: 38px;line-height: 38px;letter-spacing: 1px; display:block; text-align:center; background:#ec7e10; color:#fff; margin-top:50px}
.application-menu .menu-level-2 {
    position: absolute;
    width: 100%;
    left: 100%;
    top: 0;
	background: #fff;
	display:none
}
.application-menu .menu-level-2.active{ display:block}
.menu-level-2 .top{ background:#5d5b56}
.menu-level-2 .top:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent #ec7e10;
    border-width: 10px 0 10px 10px;
    left: 0;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    z-index: 2;
}
.menu-level-2 .category{ font-weight:bold; margin-top:20px}
.menu-level-2 .category:first-child{ margin-top:0}
.menu-level-2 ul{ margin-left:20px;}

.lang{ position:relative; margin-left:15px; padding-left:15px; float:left; height:100%;}
.lang .tit{ line-height:100px;background:url(../images/arrow_icon01.png) no-repeat right center; padding-right:20px; background-size:12px auto; cursor:pointer}
.lang:before{ content:""; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-6px;}
.lang .sub{width: 120px;background: #fff;padding: 10px 0;position: absolute;left: 50%;margin-left: -60px;top: 70px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);opacity: 0;transform: translate(0, 20px);visibility: hidden;transition: all .3s ease;}
.lang .sub.cur { opacity: 1;transform: translate(0, 0px);visibility: visible;}
.lang .sub a{ display:block; text-align:center; line-height:35px;}
.lang .sub a:hover{color:#ec7e10}
.serch-btn{ width:30px; height:100%; background:url(../images/serach_icon.png) no-repeat center; position:relative; float:left; cursor:pointer}
.search-alert {position: fixed;z-index: 1000;background-color: #222;left: 0;top: 0;width: 100%;height: 100%;-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);
-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}
.search-alert .search-form {
    position: absolute;
    width: 94%;
    left: 3%;
    top: 50%;
    height:90px;
    margin-top: -40px;
    border-bottom: 1px solid #515151;
	opacity: 0;
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    -webkit-transition: all .5s;
    transition: all .5s;
	background:url(../images/serach_icon_w.png) no-repeat left center;
}
.search-alert .search-form .tex{ border:0; height:90px; line-height:90px; font-size:45px; color:#fff; background:none; width:100%; padding-left:25px; padding-right:130px; text-align:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.search-alert .search-form .btn{border: none;height:90px;font-size:30px;color: #555;text-align: right;background: none;position: absolute;right: 0;top: 0;width:120px; text-align: center; cursor:pointer}
.search-alert.active {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.search-alert.active .search-form{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .5s .3s;
    transition: all .5s .3s;
}
.search-alert .closed{
	display:block;
	width: 30px;
    height: 30px;
    position: absolute;
    top: 38px;
    right: 2.6%;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	background:url(../images/Close_icon_w.png) no-repeat center;
}
.search-alert .closed:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}

.banner{ position:relative;background:#f3f3f3}
.banner img{ display:block; width:100%; height:auto}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:3%}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}
.banner .swiper-pagination-bullet{ width:13px; height:13px; border:1px solid #fff; background:none; opacity:1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff}
.advantage{ background:#f3f3f3; padding:35px 0}
.advantage ul{display:-webkit-flex;display:flex;align-items: flex-start;justify-content:space-between;}
.advantage li{ float:left; color:#999; font-size:15px;}
.advantage li a{ cursor:default}
.advantage li .tit{ color:#333; font-size:18px; line-height:18px; padding-bottom:6px}
.advantage li .text{ padding-left:55px; color:#888}

.i-about{ padding:80px 0}
.i-about .left{ width:50%; position:relative}
.i-about .left img{ display:block; width:100%; height:auto; position:relative; z-index:3; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.i-about .left:after{ content:""; width:80%; height:80%;background-color:#f48617; display:block; position:absolute; left:-24px;bottom:-24px}
.i-about .left img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05); transform:scale(1.05)}

.i-about .right{ width:45%}
.i-about .right h1{ font-size:30px; color:#333; margin-bottom:30px}
.i-about .right .intro{ font-size:15px; color:#666; line-height:30px;}
.i-about .right p{ margin-bottom:15px}
.i-about .right .more{ margin-top:50px}
.i-about .right .more a{ width:110px; line-height:45px; display:block; background:#5d5b56 url(../images/arrow_icon03.png) no-repeat right 20px center;color:#fff; padding-left:20px;}
.i-about .right .more a:hover{ background-color:#ec7e10}

.i-products{ padding:70px 0; background:#f3f3f3}
.title{ text-align: center; font-size:35px; color:#333; margin-bottom:40px;}

.i-products .more a{ width:140px; line-height:45px; display:block; background:#ec7e10 url(../images/arrow_icon03.png) no-repeat right 20px center;color:#fff; padding-left:20px; margin:50px auto 0}
.i-prolist{ margin:0 -15px; position:relative}
.i-prolist .item{}
.i-prolist .itembox{background:#fff;margin:0 15px}
.i-prolist .item .pic{ overflow:hidden}
.i-prolist .item img{ display:block; width:100%; height:auto; -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;transition:.8s;}
.i-prolist .item .text{ border-top:1px solid #ddd; padding:40px 20px 40px 20px; position:relative}
.i-prolist .item .cls_tit{ font-size:20px; color:#333; margin-bottom:10px;}
.i-prolist .item .cls_tit a{ color:#333}
.i-prolist .cls_ltit{ font-size:15px; display:-webkit-box; -webkit-line-clamp:3; text-overflow:ellipsis;-webkit-box-orient:vertical;overflow: hidden; min-height:78px;}
.i-prolist .cls_ltit a{color:#999; display:inline-block; margin-right:18px; line-height:26px; position:relative}
.i-prolist .cls_ltit a:after{ content:""; width:1px; height:12px; background:#ddd; position:absolute; right:-9px; top:6px}
.i-prolist .cls_ltit a:last-child{ margin-right:0}
.i-prolist .cls_ltit a:last-child::after{ display:none}
.i-prolist .item .cls_tit a:hover, .i-prolist .cls_ltit a:hover{color:#ec7e10}
.i-prolist .item .text .more{ width:40px; height:40px; border-radius:50%; background:#5d5b56 url(../images/arrow_icon02.png) no-repeat center; display:block; position:absolute;top:35px;right:25px}
.i-prolist .item:hover .more{background:#ec7e10 url(../images/arrow_icon02.png) no-repeat center;}
.i-prolist .item img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.i-prolistbox{position:relative; text-align:center}
.i-prolistbox .swiper-pagination{ bottom:0; width:100%;}

.i-prolistbox .swiper-button-prev, .i-prolistbox .swiper-button-next{ width:50px; height:100px; margin-top:-50px; position:absolute; outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-prolistbox .swiper-button-prev{background:#dbdbda url(../images/arrow_icon04_p.png) no-repeat center; left:-65px}
.i-prolistbox .swiper-button-next{background:#dbdbda url(../images/arrow_icon04.png) no-repeat center; right:-65px}
.i-prolistbox .swiper-button-prev:hover,.i-prolistbox .swiper-button-next:hover{ background-color:#ec7e10}
.i-prolistbox .swiper-pagination .swiper-pagination-bullet{ background:#5d5b56; width:12px; height:12px; opacity:1; margin:0 4px}
.i-prolistbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ec7e10}

.i-products .more a:hover{background:#ec7e10 url(../images/arrow_icon03.png) no-repeat right 16px center;}
.advert{ height:340px; background:url(../images/adbg.jpg) no-repeat center; background-size:cover; color:#fff}
.advert h3{ font-weight:bold; font-size:43px; line-height:72px; padding-top:120px}
.advert h4{ font-size:43px}

.i-news{ padding:70px 0}
.inewslist .left{ width:68%}
.inewslist .left .item{ width:47%; float:left; margin-right:3%; background:#f3f3f3}
.inewslist .left .item .pic{ overflow:hidden}
.inewslist .left .item img{ display:block; width:100%; height:auto; -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;transition:.8s;}
.inewslist .left .item .text{ padding:25px 20px}
.inewslist .left .time{ width:50px; float:left; text-align:center; font-size:26px; font-weight:bold; color:#5d5b56}
.inewslist .left .time span{ display:block; font-size:12px; color:#999; font-weight:normal;}
.inewslist .left .textCon{ padding-left:65px}
.inewslist .left .textCon h3{ font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333}
.inewslist .left .textCon .jianj{ color:#999; line-height:22px; padding-top:6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inewslist .right{ width:32%}
.inewslist .right .item{background:#f3f3f3; margin-bottom:25px; padding:30px 30px 35px}
.inewslist .right .item:last-child{ margin-bottom:0}
.inewslist .right .item h3{ font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; margin-bottom:10px}
.inewslist .right .item .jianj{color:#999; line-height:22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:15px}
.inewslist .right .item .bot{ border-top:1px solid #ddd; padding-top:14px; margin-top:20px}
.inewslist .right .time{ font-size:14px; color:#999}
.inewslist .right .more{ display:block; width:6px; height:11px; background:url(../images/arrow_icon03gray.png) no-repeat center;}

.inewslist .item h3{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.inewslist .item:hover h3{ color:#ec7e10}
.inewslist .left .item img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

/*==============================*/
.nbanner{ position:relative; padding-top:20%; overflow:hidden;}
.navigation{ border-bottom:1px solid #ddd; height:90px; line-height:90px; font-size:16px}
.navigation .left a{ float:left; position:relative; margin-right:30px;}
.navigation .left a:before{ content:""; width:100%; height:2px; background:#ec7e10; position:absolute; bottom:-1px;left:50%; width:0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.navigation .left a.cur,.navigation .left a:hover{ color:#ec7e10;}
.navigation .left a.cur:before,.navigation .left a:hover:before{ width:100%; left:0}
.navigation .left a:after{ content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; right:-15px;top:50%; margin-top:-6px}
.navigation .left a:last-child::after{ display:none}
.navigation .right{ background:url(../images/locate_icon.png) no-repeat left center; background-size:18px auto; padding-left:25px; font-size:15px}

.main{ padding:60px 0; position:relative}
.main_2{ background:#f3f3f3}
.main .ntitle{ text-align:center; font-size:35px; color:#333; line-height:45px; margin-bottom:40px}
.main .ntitle .bc{ font-size:16px; color:#666;}
.main .content,.main .content_1{ line-height:30px; font-size:16px;}
.main .content img{ max-width:100%}

.gzhj{ margin-right:-2%; margin-top:2%}
.gzhj .item{ float:left; width:48%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden}
.gzhj .item img{ display:block; width:100%; height:auto; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.gzhj .item .tit{background: rgba(0,0,0,.6);width: 100%;height: auto;position: absolute;left: 0;bottom: 0; padding:20px; color:#fff; font-size:20px;}
.gzhj .item:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1)}
.changjing{ position:relative; padding-bottom:60px;margin-top:-20px}
.changjing img{ display:block; width:100%;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.changjing .swiper-pagination{ bottom:30px}
.changjing .swiper-pagination-bullet-active{ background:#ec7e10}
.changjing .images{ position:relative; overflow:hidden}
.changjing .tit{ position:absolute; width:100%; left:0;bottom:0;color:#fff; padding:50px 30px 30px; font-size:20px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;
background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.85));
background: -o-linear-gradient(transparent, rgba(0,0,0,0.85));
background: -moz-linear-gradient(transparent, rgba(0,0,0,0.85));
background: linear-gradient(transparent, rgba(0,0,0,0.85));
}
.changjing .images:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03);}
.pro-nav{ position: absolute; top:60px; left:10%}
.pro-nav .btn{ display:block; border:1px solid #e8e8e8; padding:10px 15px; font-weight:bold;}
.pro-nav .btn em{ font-style:normal;}
.pro-nav .linebox{ position:relative;width:20px; height:16px; float:left; margin-right:10px; cursor:pointer}
.pro-nav .linebox span{ position:absolute;display: block;width: 100%;height:2px;background-color: #000;left: 0; transition: all .5s ease;margin: 0;}
.pro-nav .line1{top: 0;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;transform-origin: left top 0;}
.pro-nav .line2{top: 7px;}
.pro-nav .line3{bottom:0;-webkit-transform-origin: left bottom 0;-ms-transform-origin: left bottom 0;transform-origin: left bottom 0;}
.pro-nav.active .line1 {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.pro-nav.active .line2{ opacity:0}
.pro-nav.active .line3{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.pro-nav ul{ position:absolute; width:220px; background:#f2f2f2; display:none; z-index:9}
.pro-nav ul li{ border-bottom:1px solid #e8e8e8}
.pro-nav ul li a{ display:block; line-height:26px; padding:5px 10px}

.culture{/* background:#f3f3f3;*/ padding-bottom:60px}
.culture .item{ margin-bottom:3%}
.culture .left{ width:50%;}
.culture .left img{ display:block; width:100%; height:auto}
.culture .right{ width:50%; float:right}
.culture .text{ font-size:16px; color:#666; padding-left:8%; padding-top:3%}
.culture .text h3{ font-size:45px; color:#333; font-weight:bold; text-transform:uppercase; line-height:60px; margin-bottom:20px; position:relative}
.culture .text h3:after{ content:""; width:50px; height:3px; background:#e8e8e8; display:block}
.culture .item:nth-child(2) .right{ float:left}
.culture .item:nth-child(2) .left{ float:right}
.culture .item:nth-child(2) .text{ padding-left:0; padding-right:8%}
.culture .text p{ line-height:24px}

.development{ position:relative}
.development .top{ width:40px; height:40px; background:url(../images/arrow_top.png) no-repeat #ec7e10 center; border-radius:50%; display:block; margin:0 auto}
.developlist{ position:relative}
.developlist:before{ content:""; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0}
.developlist .list-item{width: calc(50% + 10px);height: 145px; float:left; position:relative}
.developlist .list-item .text{width: calc(100% - 145px);background:#f3f3f3; float:left;position:relative;}
.developlist .list-item .text:before{ content:""; width:0; height:0;position: absolute; right: -10px;top: 50%;margin-top: -10px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f3f3f3;}
.developlist .list-item .pic{ float:left;height:145px; width:218px;}
.developlist .list-item img{ display:block; width:100%; height:100%}
.developlist .list-item .jianj{ color:#5c5c5c; font-size:15px; line-height:28px; width:calc(100% - 230px); padding:0 10px; float:left;display:-webkit-flex;display: flex; align-items:center;align-content: center;height:145px; flex-wrap:wrap;}
.developlist .list-item .time{ font-size:16px; color:#333; width:135px;text-align: right;padding-right: 30px;position: absolute; right:0;top:60px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.developlist .list-item .time:before {content: "";position: absolute;top: 50%;right: 5px;width: 9px;height: 9px;margin-top: -4.5px;background: #000;border-radius: 50%;}
.developlist .list-item:nth-child(2n){ float:right}
.developlist .list-item:nth-child(2n) .text{ float:right}
.developlist .list-item:nth-child(2n) .time{ right:auto; left:0; padding-left:30px; padding-right:0; text-align:left;}
.developlist .list-item:nth-child(2n) .time:before{ right:auto; left:6px;}
.developlist .list-item:nth-child(2n) .pic{ float:right}
.developlist .list-item:nth-child(2n) .jianj{ float:right}
.developlist .list-item:nth-child(2n) .text:before{ right:auto; left:-10px;border-right: 10px solid #f3f3f3; border-left:none}

.honor, .honor_2{margin-top:30px; display:-webkit-flex;display:flex;flex-wrap: wrap;align-items: flex-start;}
.honor li,.honor_2 li{ float:left;margin-right:2%; width:31.33%;margin-bottom:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.honor li img, .honor_ li img{ display:block;width:100%}
.hornorlist{ margin-bottom:50px}
.hornorlist .hortit{ text-align:center; font-size:28px; text-align:center; color:#333; margin-bottom:30px}
.hornorlist li{ float:left; margin-right:2%; width:23%; margin-bottom:2%}
.hornorlist li a{ display:block; width:100%}
.hornorlist li .pic{ border:1px solid #e8e8e8; overflow:hidden; height:400px; width:100%;display:-webkit-flex;display:flex; justify-content:center; align-items:center;}
.hornorlist li img{ display:block; width:100%; max-height:100%;}
.hornorlist li p{ background:#f3f3f3; text-align:center; padding:0 5px;font-size:15px; line-height:22px; height:55px; display:flex; justify-content:center;align-items:center;}
.hornorlist li p span{overflow:hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.hornorlist .more{width: 120px;line-height: 45px;display: block;background: #ec7e10 url(../images/arrow_icon03.png) no-repeat right 20px center; color: #fff;padding-left: 20px;margin: 30px auto 0;}
.hornorlist .more:hover{background: #ec7e10 url(../images/arrow_icon03.png) no-repeat right 15px center;}

.newslist li{ position:relative; padding:35px; background:#fff; margin-bottom:30px;}
.newslist li .time{font-family: "Times New Roman", Times, serif;padding-top:80px; color:#666}
.newslist li .pic{ float:left; width:25%; margin-right:50px; overflow:hidden}
.newslist li .pic img{ display:block; width:100%; -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.6s;transition:.8s;}
.newslist li .text{ width:calc(65% - 80px)}
.newslist li .text h3{ font-size:24px; color:#333; margin-bottom:15px}
.newslist li .text .intro{color:#666;font-size:15px; line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newslist li .arrow{width:60px;height: 100%;background:url(../images/arrow_icon05.png) no-repeat center;display: block;position: absolute;bottom:0; ;right:0; border-left:1px solid #f3f3f3;}

.newslist li,.newslist li .text h3,.newslist li .text .more,.newslist li .arrow{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.newslist li:hover{ box-shadow:0 0 25px rgba(0,0,0,0.1)}
.newslist li:hover .text h3{color:#ec7e10}
.newslist li:hover .arrow{background:url(../images/arrow_icon05_h.png) no-repeat center;}
.newslist li .pic img:hover{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}

.navigation_n{background:#f3f3f3}
.newsdetail{line-height:30px; font-size:16px}
.newsdetail .left{ width:calc(100% - 350px); border-right:1px solid #ddd; padding-right:80px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.newstit{font-size:28px;color:#333; padding-top:50px; margin-bottom:10px; line-height:35px}
.newsdetail .time{ border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:30px; font-size:13px; color:#999}
.newsdetail_con{ min-height:100px}
.newsdetail_con p{ margin-bottom:15px;}
.newsdetail_con img{ max-width:100%; height:auto}
.newsdetail .right{ width:300px;}
.relatnewstit{ margin-top:50px; font-size:22px; margin-bottom:20px; color:#333;}
.relatnewslist{ padding-bottom:30px}
.relatnewslist .item{ font-size:14px; text-align:center;}
.relatnewslist .item img{ display:block; width:100%; height:auto}
.relatnewslist .item p{ background:#f3f3f3; padding:15px 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.relatnewslist .slick-dots{ bottom:0}
.relatnewslist .slick-dots li button{ background:#5d5b56; width:10px; height:10px;}
.relatnewslist .slick-dots li.slick-active button{ background:#ec7e10}
.relatnewslist .item:hover p{background:#ec7e10; color:#fff}

.prolist ul{ margin-right:-2%}
.prolist li{ float:left; width:23%; margin-right:2%; margin-bottom:2%; text-align:center; background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e8e8e8}
.prolist li .pic{ overflow:hidden; border-bottom:1px solid #e8e8e8}
.prolist li img{ display:block; width:100%; height:auto;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
.prolist li .text{ padding:15px 15px 20px}
.prolist li h3{ font-size:16px; color:#333; font-weight:bold; white-space: nowrap; overflow:hidden; text-overflow:ellipsis}
.prolist li .more{ text-decoration:underline; color:#999; font-size:13px;}
.prolist li, .prolist li h3{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.prolist li:hover h3{color:#ec7e10}
.prolist li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

.product-top{ padding:30px 0}
.product-top .left{ width:43%}
.product-top .left img{ width:100%; display:block; height:auto}
.picview{ position:relative}
.picview .swiper-pagination-bullet{ background:#5d5b56; width:12px; height:12px}
.picview .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ec7e10}

.product-top .right{ width:52%}
.product-top .right h2{ border-bottom:1px solid #ddd; font-size:30px; color:#333; line-height:45px; padding-bottom:20px; margin-bottom:30px}
.proyoushi .item:first-child{ padding-top:0}
.proyoushi .item{ border-bottom:1px solid #ddd; padding:40px 0}
.proyoushi .item .pic{ width:350px;}
.proyoushi .item .pic img{ width:100%; height:auto; display:block}
.proyoushi .item .text{ width:calc(100% - 400px);}
/*.proyoushi .item:nth-child(2n) .pic{ float:right}
.proyoushi .item:nth-child(2n) .text{ float:left}*/
.proyoushi02 .item{ float:left; width:40%; margin-right:4%}
.proyoushi02 .item .pic{  margin-bottom:15px}
.proyoushi02 .item img{ display:block;border:1px solid #e8e8e8;}
.proyoushi02:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.prodetail .table th{ background:#f48617; padding:8px; color:#fff}
.prodetail .table td{ border-bottom:1px solid #ddd;border-right:1px solid #ddd; background:#fff; padding:5px 10px;}
.prodetail .table tr td:last-child{ border-right:none;}
.prodetail .table tr:nth-child(2n+1) td{ background:#ededed}

.solution-related{ margin-right:-2%}
.solution-related ul{ display:-webkit-flex;display:flex; align-items:flex-start;/* justify-content:center;*/ flex-wrap:wrap;}
.solution-related li{ width:31.33%; margin-right:2%; margin-bottom:2%; float:left;text-align:center;-webkit-transition:.4s; -moz-transition:.4s;transition:.4s; position:relative}
.solution-related li .pic{ overflow:hidden; height:220px; position:relative}
.solution-related li .pic:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0;top:0; -webkit-transition:.8s; -moz-transition:.8s;transition:.8s;z-index:2}
.solution-related li img{ display:block; width:100%; height:auto; -webkit-transition:.8s; -moz-transition:.8s;transition:.8s; position:relative; z-index:1}
.solution-related li h3{ font-size:20px; font-weight:bold; color:#fff; width:100%; height:100%; position:absolute; left:0;top:0;bottom:0;right:0; z-index:3;display:-webkit-flex; display:flex; align-items:center;justify-content:center; padding:0 10px}
.solution-related li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.solution-related li:hover .pic:before{background:rgba(236,126,16,0.85);}

.solutionlist{ margin-right:-2%;}
.solutionlist li{ width:31.33%; margin-right:2%; margin-bottom:2%; float:left;text-align:center;-webkit-transition:.4s; -moz-transition:.4s;transition:.4s; position:relative}
.solutionlist li .pic{ overflow:hidden; height:180px; position:relative}
.solutionlist li .pic:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0;top:0;-webkit-transition:.8s; -moz-transition:.8s;transition:.8s; z-index:2}
.solutionlist li img{ display:block; width:100%; height:auto; -webkit-transition:.8s; -moz-transition:.8s;transition:.8s; position:relative; z-index:1}
.solutionlist li h3{ font-size:20px; font-weight:bold; color:#fff; width:100%; height:100%; position:absolute; left:0;top:0;bottom:0;right:0; z-index:3;display:-webkit-flex; display:flex; align-items:center;justify-content:center; padding:0 10px}
.solutionlist li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.solutionlist li:hover .pic:before{background:rgba(236,126,16,0.85);}
.solution-info p{ margin-bottom:15px}

/*.solutionlist_2{ margin-top:40px}*/
.solutionlist_2 ul{ margin-right:-2%; display:-webkit-flex;display:flex; align-items:flex-start; justify-content:center}
.solutionlist_2 .solusednav{ font-size:28px; color:#333; margin-bottom:30px; text-align:center}
.solutionlist_2 li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; background:#fff; box-shadow:0 0 25px rgba(0,0,0,0.05); text-align: center;-webkit-transition:.4s; -moz-transition:.4s;transition:.4s;}
.solutionlist_2 li .pic{ overflow:hidden}
.solutionlist_2 li img{ display:block; width:100%; height:auto;-webkit-transition:.8s; -moz-transition:.8s;transition:.8s;}
.solutionlist_2 .text{ padding:20px}
.solutionlist_2 .tit{ font-size:18px; color:#333;-webkit-transition:.4s; -moz-transition:.4s;transition:.4s;}
.solutionlist_2 .ltit{ font-size:14px; color:#999; line-height:24px; margin-top:5px; display:-webkit-box;-webkit-line-clamp:2; text-overflow:ellipsis;-webkit-box-orient:vertical;overflow: hidden; min-height:48px}
.solutionlist_2 li:hover .tit{ color:#ec7e10}
.solutionlist_2 li:hover{box-shadow:0 0 25px rgba(0,0,0,0.1)}
.solutionlist_2 li:hover img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}

.solution-top{ padding-top:160px}
.solution-top ul{ display:-webkit-flex;display:flex; align-items:center; justify-content:center}
.solution-top li{ float:left; width:32.33%; margin:0 5%; margin-bottom:2%; text-align:center; background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.solution-top li:before{ content:""; width:30px; height:100%; background:url(../images/addicon.png) no-repeat left 45%; background-size: contain; position:absolute; left:-18%;top:0}
.solution-top li:first-child::before{ display:none}
.solution-top li .pic{ overflow:hidden}
.solution-top li img{ display:block; width:100%; height:auto;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
.solution-top li .text{ padding:15px 15px 20px}
.solution-top li h3{ font-size:16px; color:#333; font-weight:bold;}
.solution-top li .more{ text-decoration:underline; color:#999; font-size:13px;}
.solution-top li, .prolist li h3{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.solution-top li:hover{ box-shadow:0 0 25px rgba(0,0,0,0.1)}
.solution-top li:hover h3{color:#ec7e10}
.solution-top li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.sol-advantage ul{ margin-right:-2%}
.sol-advantage li{float:left; width:31.33%; margin-right:2%}
.sol-advantage li h4{ font-size:20px; color:#333; padding:10px 0; text-align:center}
.sol-advantage li p{ color:#666}

.serlist ul{ margin-right:-2%;}
.serlist li{ width:31.33%; float:left; margin-right:2%; border:1px solid #ddd; margin-bottom:2%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.serlist a{ display:block}
.serlist li .pic{ overflow:hidden;}
.serlist li img{ width:100%; height:auto; display:block; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.serlist li .text{ padding:20px 20px 30px; text-align:center; position:relative; overflow:hidden}
.serlist li .text .tit{ font-size:18px; color:#333; padding-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; position:relative; z-index:2}
.serlist li .text .more{color:#666; font-size:14px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;text-decoration:underline; position:relative; z-index:2}
.serlist li:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}
.serlist li:hover .tit, .serlist li:hover .more{ color:#fff}
.serlist li .text:before{ content:""; width:100%; height:100%; background:#ec7e10; position:absolute; left:0;top:100%; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s; z-index:1}
.serlist li:hover .text:before{ top:0}

.downlist ul{ margin-right:-2%}
.downlist li{ float:left; width:48%; margin-right:2%; margin-bottom:2%; background:#fff; border:1px solid #e8e8e8; padding:15px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.downlist li .pic{ width:22%}
.downlist li img{ display:block; width:100%; height:auto}
.downlist li .text{ width:75%}
.downlist li .tit{ font-size:16px; line-height:24px; color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.downlist li .more{ font-size:14px; color:#666; display:block; border:1px solid #e8e8e8; width:70px; padding-left:13px; margin-top:22px; background:url(../images/arrow_icon03gray.png) no-repeat right 13px center; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.downlist li:hover .more{background:url(../images/arrow_icon03.png) #ec7e10 no-repeat right 10px center; color:#fff}

.contactlist{}
.contactlist .item{ float:left; width:25%; text-align:center; position:relative}
.contactlist .item .icon{ opacity:.3}
.contactlist .item .tit{ font-weight:bold; color:#333; margin-bottom:5px}
.contactlist .item p{ font-size:15px; line-height:22px; min-height:45px}
.contactlist .item:after{ content:""; width:1px;display: block;height: 60px;top: 50%; margin-top:-30px;background: #e8e8e8; position:absolute; right:0}
.contactlist .item:last-child::after{ display:none}
.mess_form{ width:50%;margin:0 auto;}
.mess_form .row{ margin-bottom:17px}
.mess_form label{ color:#999; font-size:16px; line-height:40px; width:60px; float:left}
.mess_form input[type=text]{ width:calc(100% - 60px); border:1px solid #ddd;line-height:40px; padding:0 10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-size:16px;}
.mess_form input.yzm{ width:40%}
.mess_form textarea{width:calc(100% - 60px);border:1px solid #ddd;line-height:40px; padding:10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-size:16px;}
.mess_form .submit{ width:150px; height:38px; line-height:38px; text-align:center; color:#fff; background:#ec7e10;border:none; font-size:16px; cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s;  margin-left:60px;}
.mess_form .submit:hover{background:#eca258;}

.recruit{font-size: 16px;height: 55px;background: #f2f2f2;line-height: 55px;padding: 0 20px;font-weight: bold;}
.recruit .tit1, .recruit-li1 .tit1{width: 35%;float: left;}
.recruit .tit2, .recruit-li1 .tit2{width: 23%;float: left;}
.recruit .tit3, .recruit-li1 .tit3{width: 23%;float: left;}
.recruit .tit4, .recruit-li1 .tit4{width: 19%;float: left;}
.recruit-li1{ position:relative; padding:20px 20px; cursor:pointer}
.recruit-li1 .tit5{width: 15px;height: 100%;position: absolute;right: 30px;top: 0;background: url(../images/arrow_icon01.png) no-repeat center;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;}
.recruitcon li {background: #fafafa; border-top: 1px solid rgba(0,0,0,.1);}
.recruitcon li:last-child{border-bottom: 1px solid rgba(0,0,0,.1);}
.recruitcon li:nth-child(2n) {background: #fff;}
.recruit-li2{ padding:30px; background:#f3f3f3; font-size:15px; display:none}
.recruit-li1.active .tit5{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fsjl{ margin-top:30px;}
.fsjl a{ font-weight:bold}
.fsjl a:hover{ text-decoration:underline}
.fengcai{ padding-bottom:30px; margin:0 -10px}
.fengcai .pic{ margin:0 10px}
.fengcai img{ display:block; width:100%; height:auto}
.fengcai .slick-dots{ bottom:0}
.fengcai .slick-dots li button{ background:#5d5b56}
.fengcai .slick-dots li.slick-active button{ background:#ec7e10}

.ptable th{background: #7caf24; color:#fff; font-size:20px; text-align:center; padding:10px}
.ptable td{ padding:8px 10px;}
.ptable tr:nth-child(2n){ background:#fff}

.map-content{ position:relative}
.map-content-box{ position:relative}
.map-left{ position:relative; height:632px; width:734px; background:url(../images/mapbj.png) no-repeat left top}
.map-dot {position: absolute;text-align: center;font-size: 14px;cursor: pointer; color:#333;}
.map-dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #ec7e10;
    border-radius: 50%;
}
.map-dot:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #ec7e10;
    animation: dot 4s infinite;
}


@keyframes dot {
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}
@keyframes dot01 {
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(3);
        opacity: 0;
    }
}

.map-dot.cur:before{border: 1px solid #f00;animation: dot01 4s infinite;}
.map-dot.cur:after{ background:#f00;width:10px;height:10px}

.jibei{left: 530px;top: 190px;}
.jinan{left: 500px;top: 260px;}
.shandong{left: 550px;top: 278px;}
.guangdong{left:510px;top:485px}
.guangxi{left:440px;top:485px}
.beijing{left: 520px;top: 215px;}
.tianjin{left: 540px;top: 230px;}
.gansu{left:380px;top:310px;}
.qinghai{left:335px;top:290px;}
.xinjiang{left:190px; top:200px;}
.sichuan{left:360px;top:370px;}
.chongqing{left:430px; top:385px}
.yunnan{left:330px;top:470px;}
.henan{left:500px;top:320px}
.hubei{left:490px;top:365px}
.fujian{left:580px;top:440px}
.zhejiang{left:600px;top:390px}
.hunan{left:490px;top:427px}
.jiangsu{left:580px;top:320px;}
.heilongjiang{left:650px;top:100px;}
.jilin{left:640px;top:150px;}
.liaoning{left:600px;top:190px}
.anhui{left:550px;top:350px}
.shanxii{left:475px;top:280px}
.neimeng{left:420px;top:220px}
.ningxia{left:400px;top:270px}
.shanxi{left:440px;top:320px}
.xizang{left:220px;top:375px}
.hainan{left:460px;top:550px}
.map-right{ position:absolute; width:calc(100% - 800px);top:0;right:0; line-height:28px; font-size:16px;}
.network-con{width:70%;box-shadow: 0 0 15px rgba(0,0,0,.08);background-color: #fff;z-index: 1; margin-top:20%;display: none;}
.network-title{ padding:10px 20px; background:#ec7e10; color:#fff; font-size:18px;}
.network-info{ padding:20px 20px 30px}
.network-info .kuai{ border-bottom:1px solid #e8e8e8; padding-bottom:15px; margin-bottom:15px}
.network-info .kuai .name{ font-size:16px; color:#333; padding-bottom:5px}
.network-info .kuai:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0}
/*==============================*/



.footer{ background:#2e2e2e; color:#999;line-height:28px}
.footer a{ color:#999}
.footer a:hover{ text-decoration:underline}
.footer-top{padding-bottom:40px; padding-top:60px;}
.footer-top .left{ width:65%}
.footer-top li{ float:left}
.footer-top li .tit{ font-size:16px; color:#fff; margin-bottom:15px}
.footer-top .left li{ width:13%; margin-right:3%}
.footer-top .left li:nth-child(2){ width:25%}
.footer-top .ewm{ width:126px; height:auto; display:block; padding:8px; background:#fff}
.footer-top .right .gzh{ width:126px; text-align:center; float:left}
.footer-top .right .last{ width:calc(100% - 240px); float:right}

.footer-top .right{ width:35%}
.footer-top .right .tit{font-size:16px; color:#fff; margin-bottom:15px}
.footer-top .tel{ font-size:26px; color:#ec7e10; font-weight:bold; margin-bottom:20px}
.footer-top .tel a{ color:#ec7e10;}

.footer-bottom{ padding:30px 0 40px; border-top:1px solid #4d4d4d}
.footer-bottom .left{ width:50%}
.flinkBox{ position:relative; float:right; margin-top:50px;width:calc(100% - 240px);}
.flinktop{line-height:42px; border:1px solid #4d4d4d; background:#393939; padding-left:20px; position:relative; cursor:pointer}
.flinktop i{ position:absolute; width:42px; height:42px; top:0;right:0; background:#ec7e10 url(../images/arrow_top.png) no-repeat center}
.flinklist{ position:absolute; background:#fff; width:100%;left:0;bottom:42px; display:none}
.flinklist a{ display:block; border-bottom:1px solid #e8e8e8; text-align:center}
.flinklist img{ max-width:100%; height:auto; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.flinklist a:hover img{ opacity:.85}

.pages_2{ border-top:1px solid #ddd; margin-top:50px; padding-top:30px; padding-bottom:50px; position:relative}
.pages_2 p{ padding-right:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pages_2 .back{ width:110px; position:absolute; right:0;top:30px;}
.pages_2 .back a{ display:block; background:#ec7e10; color:#fff; text-align:center; line-height:40px;}
.pages_2 .back a:hover{background:#eca258}

#allmap{width: 100%;height:450px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px; margin-top:30px}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}

.prolist01{ margin-right:-3%}
.prolist01 .item{ float:left; width:30.33%; margin-right:3%}
.prolist01 .item .tit{ font-weight:bold; border-bottom:1px solid #e8e8e8; margin-bottom:15px}
.prolist01 .item .tit span{ position:relative; border-bottom:1px solid #f48617; display:inline-block}
.prolist02{ margin-top:30px;}
.prolist02 .item{ border-bottom:1px solid #e8e8e8; margin-bottom:30px; padding-bottom:30px}
.prolist02 .item .pic{ width:30.33%; float:left; border:1px solid #e8e8e8;}
.prolist02 .item .pic img{ display:block;}
.prolist02 .item .text{ width:65%; float:right}
.prolist02 .item .tit{ font-weight:bold; color:#f48617; font-size:20px; padding-bottom:10px}
.prolist02 .item:nth-child(2n) .pic{ float:right}
.prolist02 .item:nth-child(2n) .text{ float:left}