/*header*/
.header {padding:0 8%;height:80px;border-bottom:1px solid rgba(201,201,201,0.5);position:fixed;width:100%;top:0;left:0;z-index:15;transition:all .36s}
.header>div {padding:0}
.header .logo{line-height:80px;}
.header .logo em{transition:all .36s}
.header .logo em.index_logo {display:none;}
.header .logo em.page_logo {display:inline}
.header .logo span {display:inline-block;font-size:14px;color:#FFF;line-height:18px;padding-left:20px;margin-left:20px;border-left:1px solid #FFF;position:relative;top:12px;transition:all .3s}
.header .logo span i {letter-spacing:1px}
.header .nav>div {display:inline-block;}
.header .nav_list li{display:inline-block;padding:0 20px;line-height:80px;position:relative}
.header .nav_list li>a {font-size:14px;color:#FFF;transition:all .3s}
/*下拉菜单*/
.header .nav_list dl {position:absolute;top:150px;left:50%;width:115px;text-align:center;background:#FFF;margin:0;padding:0;border-top:2px solid #012b5d;transition:all .4s;opacity:0;visibility:hidden;box-shadow:0 6px 15px rgba(0,0,0,0.2);transform:translateX(-50%)}
.header .nav_list dd {margin:10px 0;border-bottom:1px dashed #ccc;padding:0 0 5px;transition:all .3s}
.header .nav_list dd:last-child {border-bottom:0}
.header .nav_list dd a {font-size:14px;color:#393939;display:block;transition:all .3s}
.header .nav_list dd a:hover {color:#012b5d}
/**/
.langs_search {position:relative}
.header .langs_search:before {content:'';position:absolute;left:-20px;width:1px;height:12px;background:#FFF;top:50%;margin:-6px 0 0;transition:all .3s}
.header .langs_search .lang {display:inline-block;width:17px;height:15px;font-size:12px;color:#FFF;text-indent:9999px;position:relative;top:3px;transition:all .3s}
.header .langs_search .cn {background:url(../image/icon0-1.png) 0 0 no-repeat;}
.header .langs_search .en {background:url(../image/icon0-2.png) 0 0 no-repeat;}
.header .langs_search .h_search {display:inline-block;margin-left:17px;width:15px;height:15px;position:relative;top:0;font-size:15px;color:#FFF;transition:all .3s}
/*---*/
.index_header {background:#FFF;border:1px solid #c9c9c9}
.index_header .logo em.page_logo {display:none;}
.index_header .logo em.index_logo {display:inline;}
.index_header .logo span {color:#333;border-left:1px solid #dcdcdc}
.index_header .nav_list li a {color:#393939}
.index_header .langs_search:before {background:#dcdcdc;}
.index_header .langs_search .lang {color:#000}
.index_header .langs_search .cn {background:url(../image/icon0.png) 0 0 no-repeat;}
.index_header .langs_search .en {background:url(../image/icon1.png) 0 0 no-repeat;}
.index_header .langs_search .h_search {color:#000}
/*banner
.tem_banner {position:relative}
.tem_banner .bs-slider {position:fixed;top:0;left:0;padding:80px 0 0}
.tem_banner .banner {position:relative;width:100%;height:100%;}
.tem_banner .text {position:absolute;top:25%;left:0;width:100%;color:#FFF}
.tem_banner .text h1 {font-size:40px;font-weight:bold;margin: 0 0 40px;}
.tem_banner .text h3 {font-size:16px;font-weight:bold;padding-left:32px;position:relative;margin:0 0 20px;}
.tem_banner .text h3:before {content:'';width:18px;height:2px;background:#FFF;position:absolute;left:0;top:50%;}
.tem_banner .text p {font-size:15px;margin:0;line-height:24px;padding-left:32px;animation-delay:0.8s}

.tem_banner .carousel-indicators {left:auto;width:auto;padding:0;margin:0;right:25%;bottom:20%}
.tem_banner .carousel-indicators li {text-indent:0;width:auto;height:auto;margin:0;background:none;border:0;border-radius:0;font-size:20px;color:#FFF;font-weight:bold;position:relative;padding-left:30px;transition:all .3s;position:absolute;left:-57px;top:-7px;opacity:0;visibility:hidden;transition:all .3s}
.tem_banner .carousel-indicators li:after{content:'';width:0;height:2px;background:#FFF;position:absolute;left:0;top:50%;margin:-1px 0 0;transition:all .8s}
.tem_banner .carousel-indicators li.active {opacity:1;visibility:visible;}
.tem_banner .carousel-indicators li.active:after {width:23px;}
.tem_banner .carousel-indicators span.all_ol {font-size:14px;color:#FFF;font-weight:bold;padding-left:30px;position:relative;}
.tem_banner .carousel-indicators span.all_ol:before {content:'';width:1px;height:18px;background:#FFF;position:absolute;top:-2px;left:13px;transform:rotate(45deg)}
.tem_banner .touch_btn {position:absolute;right:25%;bottom:20%;margin:0 0 50px;text-align:right}
.tem_banner .touch_btn>a {top:auto;opacity:1;width:36px;height:36px;background:#FFF;border-radius:100%;line-height:36px;text-align:center;font-size:16px;color:#272c5d;position:relative;display:inline-block;margin-left:7px;}
*/
/*video*/
.video_banner {position:fixed;top:0;left:0;width:100%;height:100%}
.tem_banner .video_text {position:absolute;bottom:20%;left:0;width:100%;color:#FFF}
.tem_banner .video_text h1 {font-size:40px;font-weight:bold;margin: 0 0 25px;}
.tem_banner .video_text h3 {font-size:16px;font-weight:bold;padding-left:32px;position:relative;margin:0 0 20px;}
.tem_banner .video_text h3:before {content:'';width:18px;height:2px;background:#FFF;position:absolute;left:0;top:50%;}
.tem_banner .video_text p {font-size:15px;margin:0;line-height:24px;padding-left:32px;animation-delay:0.8s}
.tem_banner .video_txtbox {display:inline-block}
.tem_banner .scroll_down {display:block;width:105px;height:107px;background:url(../image/scroll_icon.png) 0 0 no-repeat;position:absolute;left:50%;bottom:20px;margin:0 0 0 -53px;}
   #background_video {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      object-fit: cover;
      height: 100%; width: 100%;
    }

    #video_cover {
      position: absolute;

      width: 100%; height: 100%;


      background-size: cover;
      background-position: center;
    }

    #video_controls {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
    }

    #overlay {
      position: absolute;
      top: 0; right: 0; left: 0; bottom: 0;
      background: rgba(0,0,0,0.5);
    }
/*首页*/
.tem_index_box {position:relative;background:#FFF}
/*-tem product-*/
.tem_product {padding:105px 0;position:relative;overflow:hidden}

.tem_product .swiper-slide {padding:0 36px;position:relative;transition:all .3s}
.tem_product .swiper-slide>div{float:left;transition:all .3s}
.tem_product .swiper-slide>div.img {width:55%;overflow:hidden}
.tem_product .swiper-slide:hover img {transform:scale(1.1)}
.tem_product .swiper-slide>div.text{position:absolute;opacity:0;left:0;top:0;height:100%;transition:all .5s;width:45%;padding:45px 36px 0 60px;}
.tem_product .swiper-slide.swiper-slide-prev .img{margin-left:45%}
.tem_product .swiper-slide.swiper-slide-active .text{left:55%;opacity:1;}
.tem_product .swiper-slide.swiper-slide-next .text {z-index:-1}
.tem_product .swiper-slide>div.text h2 a{font-size:30px;color:#272c5d}
.tem_product .swiper-slide>div.text .editor {margin:30px 0 0;position:relative}
.tem_product .swiper-slide>div.text .editor .pro_t1 {font-size:15px;color:#4f4f4f;line-height:22px;}
.tem_product .swiper-slide>div.text .editor .pro_t2 {margin:60px 0 0;font-size:14px;color:#888;}
.tem_product .swiper-slide>div.text .editor:before {content:'';position:absolute;left:-150px;top:50%;width:0;height:2px;background:#ce281e;transition:all .8s;margin:-1px 0 0;}
.tem_product .swiper-slide.swiper-slide-active .text .editor:before {width:165px;}
.tem_product .button {position:absolute;right:41%;bottom:150px;}
.tem_product .button>div {position:relative;left:auto;top:0;right:auto;bottom:auto;width:28px;height:28px;margin:0;background:#272c5d;border-radius:100%;font-size:14px;color:#FFF;text-align:center;line-height:28px;display:inline-block;}
.tem_product .swiper-pagination {left:auto;bottom:150px;width:auto;right:28%}
.tem_product .swiper-pagination>span {font-family:"nokialarge-bold"}
.tem_product .swiper-pagination>span:before{content:'0';display:inline;}
.tem_product .swiper-pagination .swiper-pagination-current {font-size:16px;color:#272c5d;display:block;position:relative;left:-10px;margin:0 0 5px;}
.tem_product .swiper-pagination .swiper-pagination-total {font-size:14px;color:#8b8f90;display:block;position:relative}
.tem_product .swiper-pagination .swiper-pagination-total:after{content:'';width:1px;height:25px;background:#979b9c;transform:rotate(45deg);position:absolute;left:3px;top:-14px}
/*tem about*/
.tem_about>div {padding:0}
.temabout_main {background:url(../image/icon3.jpg) right 0 no-repeat;background-size:cover;height:530px;padding:95px 110px 0 40%}
.temabout_main h3 {font-size:24px;color:#FFF;margin:0 0 40px;}
.temabout_main .editor {font-size:14px;color:#7e98b7;line-height:22px;}
.temabout_main .more {display:block;width:156px;height:38px;border:1px solid #8a9eb5;line-height:38px;text-align:center;font-size:14px;color:#FFF;margin:80px 0 0}
.temabout_four {background-position:center 0;background-repeat:no-repeat;background-size:cover;height:530px;padding:95px 0 0 88px}
.four_main {width:670px;height:360px;background:#FFF;padding:35px 0 10px;}
.four_main>div {padding:0;padding-left:70px;margin:0 0 25px;}
.four_main>div h5 {font-size:18px;color:#000;margin:0 0 15px;text-transform:uppercase;font-family:"nokialarge-bold";padding:65px 0 0;letter-spacing:1px}
.four_main>div p {font-size:12px;color:#717171;margin:0}
.four_main>div.tem_ab1 h5{background:url(../image/icon4-1.png) 0 0 no-repeat;}
.four_main>div.tem_ab2 h5{background:url(../image/icon4-2.png) 0 0 no-repeat;}
.four_main>div.tem_ab3 h5{background:url(../image/icon4-3.png) 0 0 no-repeat;}
.four_main>div.tem_ab4 h5{background:url(../image/icon4-4.png) 0 0 no-repeat;}
/*tem news*/
.tem_news {padding:135px 0 115px;}
.tem_news h3 {font-size:30px;color:#000;text-align:center;margin:0 0 60px;}
.tem_newslist>div {padding:0}
.tem_newslist .img {overflow:hidden}
.tem_newslist .img img {max-height:256px}
.tem_newslist .col-md-5:hover img {transform:scale(1.1)}
.tem_newslist .text {padding:35px 28px 0;}
.tem_newslist .text h4 {line-height:24px;height:48px;overflow:hidden;}
.tem_newslist .text h4 a {font-size:16px;color:#000;}
.tem_newslist .text p {font-size:12px;color:#686868;line-height:22px;margin:25px 0 35px}
.tem_newslist .text span {font-size:14px;color:#272c5d;font-family:"nokialarge-bold";}
.tem_newslist .col-md-7 {padding-left:50px;}
.tem_newslist li {padding:10px 0 35px;border-bottom:1px solid #e5e5e5;margin:0 0 25px;position:relative}
.tem_newslist li a {display:block;padding:0 105px 0 110px;position:relative;}
.tem_newslist li .tem_news_info h5{font-size:16px;color:#000;line-height:20px;}
.tem_newslist li .tem_news_info span {display:inline-block;width:66px;height:20px;border:1px solid #4585d0;font-size:12px;color:#4585d0;line-height:20px;text-align:center;margin-right:15px;}
.tem_newslist li .tem_news_info p {font-size:14px;color:#a1a1a1;margin:10px 0 0;line-height:20px;height:20px;overflow:hidden}
.tem_newslist li  .date {position:absolute;font-size:14px;color:#bababa;left:17px;top:0;transition:all .3s}
.tem_newslist li  .date em {font-size:30px;color:#979797;display:block;text-align:center;font-weight:bold}
.tem_newslist li .more {width:31px;height:31px;border:1px solid #dfdfdf;border-radius:100%;line-height:31px;text-align:center;font-size:14px;color:#c4c4c4;position:absolute;right:20px;top:50%;margin:-16px 0 0;transition:all .3s}
.tem_newslist li:after {content:'';width:0;height:1px;background:#4585d0;position:absolute;bottom:-1px;left:0;transition:all .36s}
.tem_newslist li:hover .date,.tem_newslist li:hover .date em{color:#4585d0}
.tem_newslist li:hover .more {color:#4585d0;border-color:#4585d0;transform:rotate(360deg)}
.tem_newslist li:hover:after {width:100%;}
.tem_news .more_link {width:160px;height:40px;display:block;margin:60px auto 0;border:1px solid #d2d2d2;line-height:40px;text-align:center;font-size:14px;color:#6f6f6f;transition:all .3s}
.tem_news .more_link:hover {width:180px;}
/*链接*/
.tem_links>div {padding:0}
.tem_links a {display:block;padding:115px 0 90px;text-align:center;background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_links a h3 {font-size:24px;color:#FFF;font-family:"nokialarge-bold";margin:0 0 20px;text-transform:uppercase}
.tem_links a p {font-size:14px;color:#FFF;margin:0 0 20px;line-height:24px;height:48px;overflow:hidden;}
.tem_links a i {font-size:18px;color:#FFF;transition:all .3s}
.tem_links a:hover i {margin-left:25px;}
/*footer*/
.footer {background:#1e2946;position:relative}
.footer_nav {padding:65px 0 60px;}
.footer_nav>div {padding:0}
.footer_nav .f_info {font-size:13px;color:#798196;margin:30px 0 25px;line-height:22px;}
.footer_nav .f_share a{display:inline-block;width:28px;height:28px;border-radius:100%;font-size:14px;color:#FFF;line-height:28px;text-align:center;margin-right:13px;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.footer_nav .f_share a.wx {background:#249720}
.footer_nav .f_share a.weibo {background:#067dc0}
.footer_nav .f_share a.qq {background:#487fb4}

.foot_list dl {display:inline-table;text-align:left;margin:0 0 0 45px;}
.foot_list dt {margin:0 0 30px;}
.foot_list dt a {font-size:14px;color:#FFF;}
.foot_list dd {margin:0 0 10px;}
.foot_list dd a {font-size:13px;color:#798196}

.copy_box {border-top:1px solid #474e63;line-height:80px;height:80px;font-size:12px;color:#798196}
.copy_txt {float:left;}
.links_f {padding:15px 0;position:relative;text-align:right}
.links_f .links {display:inline-block;text-align:center;line-height:35px;position:relative;border:1px solid #474e63}
.links_f .links>a {display:block;font-size:14px;color:#FFF;transition:all .3s;padding:0 55px;letter-spacing:3px}

.links_f .links>.link_child {position:absolute;width:100%;background:#FFF;bottom:36px;left:0;z-index:1;display:none}
.links_f .links>.link_child a{display:block;font-size:14px;color:#333;line-height:35px;padding:0 15px;text-align:left;border-bottom:1px dashed #ccc;text-align:center;}
.links_f .links>.link_child a:last-child {border:0}
.links_f .links>a:hover {background:#474e63;color:#FFF;}
.f_service {float:right;text-align:right;}
.f_service a {font-size:12px;color:#798196}
/*-内页banner-*/
.page_ban {position:relative;}
.page_ban .ban_text {position:absolute;top:0;left:0;width:100%;height:100%;}
.page_ban .ban_text h1 {font-size:50px;color:#FFF;font-weight:bold;text-align:center;text-transform:uppercase;font-family:"CenturyGothicbold";letter-spacing:5px}
/*-About us-*/
.mbx_nav {height:57px;background:#012b5d;}
.mbx_nav .col-md-6 {padding:0}
.mbx_nav .mbx {line-height:57px;}
.mbx_nav .mbx a,.mbx_nav .mbx i {font-size:12px;color:#5e7a9f;}
.mbx_nav .mbx i {padding:0 10px;}
.mbx_nav .mbx em {font-size:12px;color:#FFF}
.mbx_nav .mbx a:first-child {background:url(../image/icon5.png) 0 center no-repeat;padding-left:40px;display:inline-block;min-height:19px}

.mbx_nav .class_nav {position:relative;float:right}
.mbx_nav .class_nav .now_nav {width:195px;height:57px;line-height:57px;text-align:center;font-size:14px;color:#d6d6d6;background:#153c6a;display:block}
.mbx_nav .class_nav .now_nav i {padding-left:15px;}
.mbx_nav .class_nav ul {display:none;position:absolute;top:57px;left:0;width:100%;z-index:3;background:#153c6a}
.mbx_nav .class_nav ul li a {line-height:35px;height:35px;font-size:14px;color:#FFF;background:#153c6a;text-align:center;display:block;margin:5px 0;transition:all .3s}
.mbx_nav .class_nav ul li a:hover {opacity:0.8;background:rgba(21,60,106,0.8)}
/*--------------*/
.company .editor {padding:125px 0 100px;font-size:14px;color:#6d6d6d;line-height:22px}
.about_box .img {background-repeat:no-repeat;background-attachment:fixed;width:100%;height:600px;background-size:cover;background-position-x:center}
.equipment {padding:105px 0 90px;border-bottom:1px solid #e5e5e5}
.equipment h2 {float:left;width:35%;font-size:24px;color:#012b5d;}
.equipment .editor {float:right;font-size:14px;color:#999;line-height:24px;width:65%;position:relative;padding-left:70px;}
.equipment .editor:before {content:'';width:46px;height:2px;background:#00a0e9;position:absolute;top:8px;left:0}

.honor {margin:93px auto 110px;position:relative}
.honor>div {float:right;padding:0}
.honor h3 {font-size:24px;color:#012b5d;margin:30px 0 0}
.honor .editor {padding:45px 0 0 65px;}
.honor .editor span{font-size:14px;color:#000;position:relative;}
.honor .editor span:before {content:'';width:46px;height:2px;background:#00a0e9;top:50%;left:-64px;position:absolute}
.honor .editor li {font-size:14px;color:#999;padding:0 0 15px;border-bottom:1px dashed #e5e5e5;margin:0 0 15px;}
.honor .col-md-5 {background-position:0 0;background-repeat:no-repeat;position:absolute;left:0;top:0;height:100%}
.honor .editor li:last-child {border:0}

.development {padding:124px 0;position:relative;background-position:center 0;background-repeat:no-repeat;background-size:cover}
.development h1 {font-size:24px;color:#FFF;margin:0 0 35px;}
.development .editor {font-size:14px;color:#FFF;line-height:24px;}

.about_show {padding:145px 0;font-size:14px;color:#333;line-height:24px;}
/*发展历程*/
.history_box {padding:85px 0 0;position:relative}
.history_box h1 {font-size:24px;color:#012b5d;text-align:center;padding:0 0 30px;border-bottom:1px solid #e5e5e5;position:relative}
.history_box h1:after {content:'';width:98px;height:1px;background:#012b5d;position:absolute;bottom:-1px;left:50%;margin:0 0 0 -49px;}
.history_box .desc {text-align:center;font-size:14px;color:#333;padding:36px 0 0;}
.history_box .desc p {margin:0}

.history_list{position:relative;padding:115px 0;}
.history_list:before {content:'';width:1px;height:100%;background:#e5e5e5;left:50%;top:0;position:absolute;}
.history_list li {width:50%;margin:0 0 65px;position:relative}
.history_list li.flt_rlt {margin-left:50%;}
.history_list li.flt_rlt span,.history_list li.flt_rlt p {float:left;}
.history_list li span {font-size:14px;color:#000;width:22%;position:relative}
.history_list li p {font-size:14px;color:#a4a4a4;margin:0;padding:0 0 0 15px;width:78%}
.history_list li:before {content:'';width:9px;height:9px;background:#012b5d;border-radius:100%;position:absolute;top:5px}
.history_list li.flt_rlt:before {left:-4px;}
.history_list li.flt_rlt span{padding-left:55px;}
.history_list li.flt_rlt span:before {content:'……';position:absolute;left:15px;top:-4px;font-size:14px;color:#5c5c5c}

.history_list li.flt_let span,.history_list li.flt_let p {float:right;}
.history_list li.flt_let:before {right:-4px;}
.history_list li.flt_let span{padding-right:55px;}
.history_list li.flt_let span:before {content:'……';position:absolute;right:15px;top:-4px;font-size:14px;color:#5c5c5c}
.history_list li.flt_let p {text-align:right;padding:0 15px 0 0}
/*企业荣誉*/
.honor_list {padding:90px 0 45px;}
.honor_list li {margin:0 0 60px;}
.honor_list li .img {overflow:hidden}
.honor_list li a:hover img {transform:scale(1.1)}
.honor_list li p {font-size:14px;color:#393939;margin:35px 0 0;text-align:center}
/*企业视频*/
.about_video {padding:105px 0 115px;position:relative;}
.about_video h1 {font-size:24px;color:#012b5d;margin:0 0 45px;text-align:center}
/*产品体系*/
.pro_nav {padding:102px 0 12px;position:relative;}
.pro_nav>div{position:relative;float:left;padding:0 30px 15px;min-width:305px;cursor:pointer;border:0;margin-right:35px;}
.pro_nav>div:after {content:'';width:100%;height:1px;background:#e5e5e5;position:absolute;left:0;bottom:0}
.pro_nav>div span{font-size:14px;color:#4c4c4c;}
.pro_nav>div i {float:right;font-size:21px}
.pro_nav>div dl {position:absolute;top:35px;left:0;width:100%;display:none;padding:10px 0;z-index:5;background:#FFF;}
.pro_nav>div dl dd a{border-bottom:1px dotted #e5e5e5;font-size:14px;color:#4c4c4c;display:block;padding:5px 30px}
.none {display:none}
/*--化纤产品--*/
.product_list {padding:73px 0 0;}
.product_list li {margin:0 0 94px;}
.product_list li a>div{padding:0}
.product_list li.flt_rlt a>div{float:right}
.product_list li .img {display:inline-block;overflow:hidden}
.product_list li .text {padding:45px 0 0 75px;}
.product_list li .text h1 {font-size:24px;color:#231815;margin:0 0 45px;text-transform:uppercase;position:relative}
.product_list li .text h1:before {content:'';width:76px;height:2px;background:#012b5d;position:absolute;left:-110px;top:50%;margin:-1px 0 0}
.product_list li .text .editor {font-size:14px;color:#999;line-height:24px;text-align:justify}

.product_list li.flt_rlt .text {text-align:right;padding:45px 75px 0 0}
.product_list li.flt_rlt .text h1:before {left:auto;right:-110px;}
.product_list li img {-webkit-animation-fill-mode:none;animation-fill-mode:none}
.product_list li:hover img {transform:scale(1.1)}

.more_down a {font-size:14px;color:#6b6b6b;display:inline-block;position:absolute;padding:0 0 25px;}
.more_down a span {display:block;font-size:14px;color:#b3b3b3;position:absolute;bottom:0;width:100%;left:0;text-align:center;}
/*纺织产品*/
.product_main {padding:40px 0 60px;font-size:14px;color:#231815;line-height:24px;}
/*染整产品*/
.product_show {padding:88px 0 140px;position:relative}
.pro_leftnav {float:left;width:175px;}
.pro_leftnav li {padding:0 0 15px;margin:0 0 20px;border-bottom:1px solid #e5e5e5}
.pro_leftnav li>a {font-size:14px;display:inline-block;text-indent:27px;color:#adadad;transition:all .3s}
.pro_leftnav li>a>i {text-indent:0;}
.pro_leftnav li:last-child {border:0;margin:0;}
.pro_leftnav li>dl {margin:15px 0 0;padding:20px 0 0;border-top:1px solid #e5e5e5;display:none}
.pro_leftnav li>dl>dd {padding:0 0 20px 45px;}
.pro_leftnav li>dl>dd:last-child {padding:0 0 0 45px;}
.pro_leftnav li>dl>dd>a {font-size:14px;color:#adadad;}
.pro_leftnav li>dl>dd>a>i {opacity:0;transition:all .3s;visibility:hidden;padding-left:0px;}
.pro_leftnav li.on>a,.pro_leftnav li.on>dl>dd.on2>a,.pro_leftnav li a:hover{color:#012b5d;}
.pro_leftnav li.on>dl>dd.on2>a>i ,.pro_leftnav li dd a:hover i{opacity:1;visibility:visible;padding-left:15px;}
.pro_leftnav li.ot_li>a>i{transition:all .3s;opacity:0;visibility:hidden;transform:translateX(-16px)}
.pro_leftnav li.ot_li.on>a>i,.pro_leftnav li.ot_li>a:hover i {opacity:1;visibility:visible;transform:translateX(0)}
/*--产品详情内容--*/
.pro_main {margin-left:280px;position:relative}
.pro_imgshow  {position:relative}
.pro_imgshow>div {padding:0}
.pro_imgshow .col-md-6:first-child+.col-md-6 {position:absolute;right:0;top:0;height:100%;padding-left:33px;}
.pro_imgshow #carousel {position:absolute;left:0;width:100%;bottom:0;margin:0;padding:0 0 0 33px;}
.pro_imgshow #carousel .flex-viewport li {height:86px;border:2px solid #FFF;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer;transition:all .3s}
.pro_imgshow #carousel .flex-viewport li.flex-active-slide {border-color:#012b5d}
.pro_imgshow #carousel .flex-direction-nav {display:none}
.pro_imgshow .flexslider {margin:0}
.pro_imgshow h1 {font-size:24px;color:#222;padding:85px 0 0}

.pro_details {padding:52px 0;position:relative}
.pro_details h2 {font-size:14px;color:#050505;padding:0 0 15px;border-bottom:1px solid #e5e5e5}
.pro_details .pro_editor {padding:30px 0 0;font-size:14px;color:#999;line-height:24px;}
/*产业布局*/
.distribution {padding:20px 0 70px;}
.distribution .item {margin:70px 0;border-top:2px solid #012b5d;transition:all .3s;padding:70px 0 0}
.distribution .title {float:left;width:255px;font-size:30px;color:#020202;padding:0 0 80px;}
.distribution .main {margin-left:255px;}
.distribution .icon0 {background:url(../image/icon6-1.png) 0 bottom no-repeat;}
.distribution .icon1 {background:url(../image/icon6-2.png) 0 bottom no-repeat;}
.distribution .icon2 {background:url(../image/icon6-3.png) 0 bottom no-repeat;}
.distribution .icon3 {background:url(../image/icon6-4.png) 0 bottom no-repeat;}
.distribution .main .editor {font-size:14px;color:#868686;line-height:24px;margin:0 0 65px;position:relative}
.distribution .main .editor:before {content:'';width:30px;height:2px;background:#012b5d;transition:all .3s;position:absolute;top:11px;left:-45px;}
.distribution .main .img{overflow:hidden;}
.distribution .item:hover img {transform:scale(1.1)}
.distribution .item:hover .main .editor:before {width:45px;left:-55px}
/*合作品牌*/
.brand_box {background:url(../image/icon7.png) center 0 no-repeat;padding:110px 0 120px;position:relative}
.brand_list>ul{border-bottom:1px solid #e5e5e5}
.brand_list>ul>li {padding:0;text-align:center;}
.brand_list>ul>li>a {display:inline-block;padding:0 15px 25px;font-size:16px;color:#323232;position:relative;transition:all .3s}
.brand_list>ul>li>a:after {content:'';width:0;height:2px;background:#012b5d;position:absolute;bottom:-1px;left:50%;transition:all .4s}
.brand_list>ul>li#current a,.brand_list>ul>li>a:hover{color:#012b5d}
.brand_list>ul>li#current a:after,.brand_list>ul>li>a:hover:after {width:100%;left:0}
.brand_show {padding:0 120px;}
.brand_show>ol {margin:0;padding:0}
.brand_show>ol>li {text-align:center;height:105px;line-height:105px;margin:0 0 45px;}
.brand_show ol li span {background:none !important;}
.brand_show ol li img {display:inline-block !important;max-height:105px;}
/*-产品创新-*/
.innovation_box {padding:99px 0 90px;position:relative}
.innovation_box>ul{border-bottom:1px solid #e5e5e5;text-align:center}
.innovation_box>ul>li {display:inline-block;margin:0 35px;position:relative;padding:0 25px 28px;}
.innovation_box>ul>li>a {display:block;font-size:18px;color:#484848;transition:all .3s}
.innovation_box>ul>li:after {content:'';width:0;height:2px;background:#012b5d;transition:all .3s;position:absolute;left:50%;bottom:-1px;}
.innovation_box>ul>li>a:hover,.innovation_box>ul>li.on a{color:#012b5d}
.innovation_box>ul>li:hover:after,.innovation_box>ul>li.on:after{width:100%;left:0;}

.certificate_list {margin:45px 0 65px;border-bottom:1px solid #e5e5e5}
.certificate_list>ol {margin:0;padding:0}
.certificate_list>ol>li {margin:0 0 45px;padding:0 8px;}
.certificate_list>ol>li>a {display:block;overflow:hidden}
.certificate_list>ol>li>a:hover img {transform:scale(1.1)}

.common_page {text-align:center;}
.common_page li {margin:0 12px;display:inline-block}
.common_page li a {display:block;font-size:14px;color:#868686;line-height:26px;transition:all .3s;width:26px;height:26px;border:1px solid #e5e5e5;}
.common_page li.active a,.common_page li a:hover{color:#FFF;background:#012b5d;border-color:#012b5d}
/*--技术创新机制--*/
.innovation_about {padding:95px 0 90px;}
.innovation_about h2 {font-size:24px;color:#012b5d;padding:0 0 55px;text-align:center;border-bottom:1px solid #012b5d;margin:0 0 50px;}
.innovation_about .editor {font-size:14px;color:#999;line-height:24px;}
.innovation_about .text_main {padding:50px 0;margin:50px 0;border:1px solid #e5e5e5;border-left:0;border-right:0}
.innovation_about .text_main p {color:#000;font-size:16px;text-align:center;margin:0 0 60px;}
.innovation_about .text_main .img {position:relative;margin:0 0 80px;}
.innovation_about .text_main .img em {height:62px;width:70%;margin:0 15%;position:absolute;left:0;bottom:-30px;background:#012b5d;line-height:62px;font-size:16px;color:#FFF;text-align:center}
/*-可持续发展-*/
.sustainable_box {padding:100px 0;}
.sustainable_box h2 {font-size:24px;color:#012b5d;padding:0 0 55px;text-align:center;border-bottom:1px solid #012b5d;}
.sustainable_list li {padding:45px;position:relative;border-bottom:1px solid #e5e5e5}
.sustainable_list li .title {font-size:16px;color:#012b5d;display:block;cursor:pointer}
.sustainable_list li span {display:block;font-size:14px;color:#868686;text-align:right;cursor:pointer;transition:all .3s}
.sustainable_list li span i {padding:0 0 0 13px;transition:all .3s}
.sustainable_list li .editor {font-size:14px;color:#868686;height:24px;overflow:hidden;transition:all .5s}
.sustainable_list li:before {content:'';width:100%;height:100%;background:#eee;position:absolute;top:0;left:0;transition:all .3s;z-index:-1;opacity:0;visibility:hidden;}
.sustainable_list li.is-li .editor {height:auto;}
.sustainable_list li.is-li:before {opacity:1;visibility:visible}
.sustainable_list li.is-li span {color:#012b5d;}
.sustainable_list li.is-li span i {transform:rotate(180deg);padding:0 13px 0 0}
/*-公司价值观-*/
.about_show .value_text {padding:60px 0 0;border-top:2px solid #012b5d}
.about_show .value_text h1 {font-size:24px;color:#2c2c2c;margin:0 0 50px;}
.about_show .value_text h1 em {font-size:14px;color:#999;padding-left:105px;}

.about_show .spirit_text {padding:80px 0 0;margin:100px 0 0;border-top:2px solid #012b5d}
.about_show .spirit_text h2 {font-size:24px;color:#2c2c2c;padding-left:33.3333%;margin:0 0 40px;}
.about_show .spirit_text .col-md-4 {text-align:center;}
.about_show .spirit_text .col-md-8 {font-size:14px;color:#868686;line-height:24px;}
/*-愿景使命-*/
.mission_about {padding:90px 0 0;}
.mission_about h2,.staff_box  h2{font-size:24px;color:#2c2c2c;padding:0 0 45px;border-bottom:2px solid #012b5d;text-align:center;}
.mission_about .editor {margin:60px 0 0;font-size:14px;color:#999;line-height:24px;}
.mission_about .editor h5 {font-size:18px;color:#012b5d;}

.mission_about .enterprise {background:#f9f9f9;padding:105px 0 130px;margin:120px 0 0}
.enterprise h3 {font-size:18px;color:#012b5d;text-align:center;margin:0 0 70px;}
.enterprise .enter_text {text-align:center;font-size:16px;position:relative}
.enterprise .enter_text em {width:147px;height:147px;border-radius:100%;display:inline-block;margin:0 14px;line-height:147px;color:#FFF}
.enterprise .enter_text .m0 {background:#FFF;color:#727272;border:5px solid #012b5d}
.enterprise .enter_text .m1 {background:#0189b1;border:5px solid #0189b1}
.enterprise .enter_text .m2 {background:#a99a71;border:5px solid #a99a71}
.enterprise .enter_text .m3 {background:#012b5d;border:5px solid #012b5d}
/*-员工风采-*/
.staff_box {padding:85px 0;}
.staff_list {margin:60px 0 0;}
.staff_list li {padding:0 20px;margin:0 0 50px;}
.staff_list li .img {overflow:hidden}
.staff_list li p {text-align:center;font-size:14px;color:#7e7e7e;padding:30px 0 0;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.staff_list li:hover img {transform:scale(1.1)}
.staff_box .page {text-align:center;}
.staff_box .page li {margin:0 20px;display:inline-block}
.staff_box .page li a {font-size:14px;color:#7e7e7e;position:relative;display:block;padding:0 3px;transition:all .3s}
.staff_box .page li a:after {content:'';width:0;height:3px;background:#012b5d;transition:all .4s;position:absolute;bottom:-13px;left:50%}
.staff_box .page li.active a,.staff_box .page li a:hover{color:#012b5d;}
.staff_box .page li.active a:after,.staff_box .page li a:hover:after {width:100%;left:0}
/*社会责任*/
.social_box {padding:105px 0 100px;position:relative}
.social_list {margin:0 0 50px;}
.social_list li {padding:0 0 25px;border-bottom:1px solid #d2d2d2;margin:0 0 30px;}
.social_list li p {margin:0;float:left;width:80%;transition:all .32s}
.social_list li a {font-size:14px;color:#282828;}
.social_list li .date {float:right;font-size:14px;color:#282828;width:20%;text-align:right}
.social_list li:last-child {border:0;margin:0;}
.social_list li:hover p {text-indent:15px}
/*新闻资讯*/
.news_box {padding:130px 0 90px;}
.news_list {border-bottom:1px solid #e5e5e5;margin:0 0 65px;}
.news_list li {margin:0 0 80px;}
.news_list li a {display:block;position:relative;overflow:hidden}
.news_list li a:after {content:'';width:100%;height:100%;bottom:0;left:0;position:absolute;background:url(../image/icon8.png) 0 bottom no-repeat;z-index:1}
.news_list li .img {overflow:hidden;}
.news_list li .text {position:absolute;bottom:-65px;left:0;width:100%;padding:0 28px;z-index:2;transition:all .6s}
.news_list li .text span {font-size:14px;color:#FFF;margin:0 0 20px;display:block;}
.news_list li .text p {font-size:16px;color:#FFF;line-height:24px;height:48px;overflow:hidden;margin:0 0 26px;}
.news_list li .text em {width:112px;height:27px;display:block;border:1px solid rgba(255,255,255,0.46);line-height:27px;text-align:center;font-size:12px;color:#FFF;margin:0 0 28px;}
.news_list li a:hover img{transform:scale(1.1)}
.news_list li a:hover .text {bottom:0}
/*投资者关系-信息披露*/
.newshow .date p {border-bottom:1px solid #ccc;padding:0 0 10px;text-align:left}
.download_button a{display:block;width:150px;height:35px;line-height:35px;text-align:center;background:#012b5d;font-size:14px;color:#FFF;border-radius:5px}
/*人力资源*/
.talent_main0 {padding:105px 0 95px;}
.talent_box h1 {font-size:24px;color:#424242;margin:0 0 45px;text-align:center;}
.talent_main0 .editor {font-size:14px;color:#858585;line-height:24px;text-align:center;}
.talent_main0 .editor .ball_box>div {display:inline-block;width:187px;height:187px;border-radius:100%;border:4px solid #3d9cb8;position:relative;padding:45px 0 0;margin:0 20px}
.talent_main0 .editor .ball_box>div:before {content:'';width:145px;height:145px;border-radius:100%;background:#3d9cb8;position:absolute;top:50%;left:50%;margin:-73px 0 0 -73px;z-index:-1}
.talent_main0 .editor .ball_box>div strong {font-size:14px;color:#FFF;}
.talent_main0 .editor .ball_box>div p {font-size:12px;color:#a1d5e5;margin:12px 0 0}
.talent_main0 .editor .ball_box>div.ball1 {border-color:#0189b1}
.talent_main0 .editor .ball_box>div.ball1:before {background:#0189b1}

.talent_main1 {background:#f5f7f9;padding:110px 0 125px;}
.talent_main1 .editor {font-size:14px;color:#757575;line-height:24px;text-align:center}
.training_link {text-align:center;padding:75px 0 0;}
.training_link a {font-size:16px;color:#868686;margin:0 40px;transition:all .3s}
.training_link a:hover {color:#000}
.training_box  {padding:45px 0}
.training_box li {margin:0 0 35px;position:relative}
.training_box li>div {padding:0}
.training_box li .text_info h1 {font-size:18px;color:#7d7d7d;margin:0 0 25px;}
.training_box li .text_info .desc {font-size:13px;color:#7d7d7d;line-height:22px;}
.training_box li .img {overflow:hidden}
.training_box li:hover img {transform:scale(1.1)}
.evaluation_box {padding:35px 0}
.evaluation_box .editor {font-size:14px;color:#868686;line-height:24px;text-align:center;}
.evaluation_box .listsimg {padding:50px 0 0 }
.evaluation_box .swiper-slide {text-align:center;}
.evaluation_box .swiper-slide .img {overflow:hidden;margin:0 0 25px;}
.evaluation_box .swiper-slide p.title {font-size:14px;color:#868686;}
.evaluation_box .swiper-slide a:hover img {transform:scale(1.1)}
.evaluation_box .swiper-page {margin:45px 0 0;position:relative;text-align:center;}
.evaluation_box .swiper-page>div {display:inline-block;margin:0 8px;position:relative;width:auto;left:auto;right:auto;margin:0 8px;top:auto;bottom:auto;font-size:14px;color:#868686;}
.evaluation_box .swiper-page .swiper-button-prev,.evaluation_box .swiper-page .swiper-button-next{height:auto;background:none;}
.evaluation_box .swiper-page .swiper-pagination-current {color:#333}

.talent_main2 {padding:105px 0;}
.talent_main2 .editor>div{width:49%;margin:0 0.5% 27px;float:left;padding:50px 155px 50px 40px;background-color:#f5f7f9;border:1px solid #d3dce9;background-position:90% center;background-repeat:no-repeat}
.talent_main2 .editor>div em {font-size:14px;color:#000;display:block;margin:0 0 20px;}
.talent_main2 .editor>div p {font-size:14px;color:#868686;line-height:24px;margin:0;height:48px;overflow:hidden;}
.talent_main2 .editor>div.text1 {background-image:url(../image/icon9-1.png);}
.talent_main2 .editor>div.text2 {background-image:url(../image/icon9-2.png);}
.talent_main2 .editor>div.text3 {background-image:url(../image/icon9-3.png);}
.talent_main2 .editor>div.text4 {background-image:url(../image/icon9-4.png);}
/*社会招聘*/
.job_box {padding:100px 0 150px;}
.job_box h1 {font-size:24px;color:#424242;text-align:center;}
.job_list li {padding:0 13px 0 0;margin:0 0 42px;}
.job_list li.flt_rlt {padding: 0 0 0 13px;}
.job_list li a {display:block;background:#f5f7f9;border:1px solid #d3dce9;padding:35px 30px;position:relative}
.job_list li .head h2 {float:left;font-size:18px;color:#012b5d;width:80%}
.job_list li .head span {float:right;text-align:right;font-size:14px;color:#868686}
.job_list li .job_info {padding:35px 0 20px;font-size:14px;color:#868686;margin:0 0 15px;}
.job_list li .job_editor {font-size:14px;color:#868686;line-height:22px;height:88px;overflow:hidden;margin:0 0 45px;}
.job_list li .job_editor p {margin:0;}
.job_list li  em {display:block;font-size:14px;color:#868686;}
.job_list li a:before,.job_list li a:after {content:'';position:absolute;width:0;height:0;transition:all .6s;opacity:0}
.job_list li a:before {border-top:1px solid #012b5d;border-left:1px solid #012b5d;top:-1px;left:-1px}
.job_list li a:after {border-right:1px solid #012b5d;border-bottom:1px solid #012b5d;bottom:-1px;right:-1px;}
.job_list li a:hover:before,.job_list li a:hover:after {width:100%;height:100%;opacity:1}
/*---招聘一些样式---*/
.job_menu {padding:0 0 35px;position:relative}
.job_menu li{margin:0;float:left;width:14.2857%;padding:0 0 10px;text-align:center;position:relative}
.job_menu li:after {content:'';width:0;height:2px;background:#012b5d;position:absolute;bottom:0;left:50%;transition:all .36s}
.job_menu li>a {font-size:16px;color:#012b5d;font-weight:bold;}
.job_menu dl {position:absolute;top:32px;width:100%;min-width:150px;background:#FFF;z-index:10;border:1px solid #ccc;border-top:0;margin:0;display:none;}
.job_menu dd a {display:block;line-height:35px;font-size:14px;color:#333;border-bottom:1px dashed #ccc;transition:all .4s}
.job_menu dd:last-child a {border:0}
.job_menu li:hover:after {width:100%;left:0}
.job_menu dd a:hover {color:#012b5d}

.job_search {position:relative;padding:35px 100px 35px 0}
.job_search input {width:100%;line-height:35px;font-size:14px;color:#333;padding:0 15px;}
.job_search i {position:absolute;width:80px;height:35px;line-height:35px;text-align:center;font-size:16px;color:#FFF;right:0;top:35px;background:#012b5d;cursor:pointer}
/*联系方式*/
.contact_info {padding:112px 0;}
.contact_info .editor {padding:0 75px;}
.contact_info .editor>div {padding: 0 35px;min-height:425px;}
.contact_info .editor>div h3 {background:#012b5d;height:49px;line-height:49px;font-size:14px;color:#FFF;padding:0 30px;}
.contact_info .editor>div .txt {padding:50px 30px 0;font-size:14px;color:#868686;}
.contact_info .editor>div .txt p {margin:0 0 30px;line-height:22px}
.contact_info .editor>div:after {content:'';width:1px;height:100%;background:#e5e5e5;position:absolute;right:0;top:0}
.contact_info .editor>div:last-child:after {display:none}

/*咨询与投诉*/
.message_box {background:#eee;padding:120px 0 145px;}
.message_box .message {padding:0 100px;}
.message_box .message h3 {font-size:16px;color:#000;margin:0 0 27px;}
.your_info>div,.mess_info>div {padding:0}
.your_info {border-top:1px solid #1b1b1b;border-bottom:1px solid #bfbfbf}
.your_info .col-md-2 em,.mess_info .col-md-2 em {display:block;background:#fcfcfc;font-size:16px;color:#000;line-height:280px;text-align:center;}
.your_info .message_list0 {padding:54px 258px 0 57px;}
.your_info .message_list0 li {float:left;width:242px;height:46px;margin:0 0 17px;position:relative}
.your_info .message_list0 li input[type="text"],.your_info .message_list0 li select{width:100%;height:44px;border:1px solid #c9c9c9;padding:0 15px;background:none;font-size:14px;color:#333}
.your_info .message_list0 li select {padding:0 35px;position:relative}
.your_info .message_list0 li.li1:before {content:'';background:url(../image/icon13.png) 0 0 no-repeat;width:10px;height:8px;position:absolute;top:50%;left:18px;z-index:2;margin:-4px 0 0}
.your_info .message_list0 li.li1,.your_info .message_list0 li.li3 {margin-left:14px;}
.your_info .message_list0 li.li4 {width:498px;margin:0}
.mess_info {border-bottom:1px solid #1b1b1b;}
.mess_info .col-md-2 em {line-height:365px;}
.mess_info .message_list1 {padding:55px 48px 0 57px;}
.mess_info .message_list1 li {margin: 0 0 15px;}
.mess_info .message_list1 li.li5 input[type="text"] {width:100%;height:44px;border:1px solid #c9c9c9;padding:0 17px;background:none;font-size:14px;color:#333}
.mess_info .message_list1 li textarea {width:100%;height:132px;border:1px solid #c9c9c9;padding:15px;background:none;font-size:14px;color:#333}
.mess_info .message_list1 li.verify_code input {width:240px;height:44px;border:1px solid #c9c9c9;background:#f8f8f8;padding:0 20px;font-size:14px;color:#333}
.mess_info .message_list1 li.verify_code span {color:red;font-size:14px;padding:0 10px;}
.mess_info .message_list1 li.verify_code a {font-size:14px;color:#c7c7c7;text-decoration:underline;padding-left:20px}
.btn_message {text-align:center;margin:68px 0 0}
.btn_message input {width:172px;height:47px;border:1px solid #dcdcdc;font-size:14px;color:#575757;background:none;margin:0 8px;transition:all .3s}
.btn_message input:first-child {background:#012b5d;color:#FFF;border-color:#187fc4}
/*-党群建设-*/
.party_box {}
.party_text {padding:105px 0 75px;}
.party_text .editor {font-size:14px;color:#999;line-height:24px;}

.party_imglist {padding:65px 0 0;}
.party_imglist .item {padding:0 8px;}
.party_imglist .owl-pagination {margin:40px 0 0;text-align:center;}
.party_imglist .owl-pagination>div {width:8px;height:8px;background:#d2d2d2;border-radius:100%;transition:all .3s;display:inline-block;margin:0 5px;}
.party_imglist .owl-pagination>div.active {background:#012b5d}

.pioneer_text{padding:110px 0;}
.pioneer_text h3 {font-size:24px;color:#000;margin:0 0 50px;text-align:center}
.pioneer_text .editor {font-size:14px;color:#909090;}
.pioneer_text .editor table td {padding-left:9%;line-height:35px;border-right:1px solid #e5e5e5}
.pioneer_text .editor table td span {display:block;padding:0 0 20px;}
.pioneer_text .editor table tr td:last-child {border-right:0}

.activity {background:#eee;padding:95px 0 120px;}
.activity h3 {font-size:24px;color:#000;margin:0 0 80px;text-align:center;}
.activity_list .col-md-6 {padding:0}
.activity_list .swiper-slide>div.col-md-6>div {padding-left:7px;}
.activity_list .swiper-slide>div.col-md-6 .list0,.activity_list .swiper-slide>div.col-md-6 .list1 {margin:0 0 10px}
.activity_list .img {overflow:hidden}
.activity_list .img:hover img {transform:scale(1.1)}
.activity_list .title {position:absolute;bottom:0;height:54px;line-height:54px;font-size:14px;color:#FFF;text-align:center;width:100%;left:0;background:rgba(0,0,0,0.4)}
.activity .page_swiper {position:relative;margin:66px 0 0;text-align:center;}
.activity .page_swiper>div {display:inline-block;}
.page_swiper .swiper-btn-prev,.page_swiper .swiper-btn-next {font-size:18px;color:#000;margin:0 35px;cursor:pointer}
.page_swiper .swiper-page>span{width:auto;height:auto;border-radius:0;opacity:1;margin:0 17px;padding:0 6px;font-size:14px;color:#000;background:none;transition:all .45s;position:relative}
.page_swiper .swiper-page>span:after {content:'';width:0;height:4px;background:#012b5d;position:absolute;left:0;bottom:-12px;transition:all .5s}
.page_swiper .swiper-page>span.swiper-pagination-bullet-active {color:#012b5d;}
.page_swiper .swiper-page>span.swiper-pagination-bullet-active:after {width:100%}
/*-------------------------------------*/
@media(max-width:1700px){
	.tem_product .swiper-slide>div.text {padding:0 10px}
	.tem_product .swiper-slide>div.text h2 a {font-size:23px;}
	.tem_product .swiper-slide>div.text .editor {margin:15px 0 0}
	.tem_product .swiper-slide>div.text .editor .pro_t1 {font-size:15px;}
	.tem_product .swiper-slide>div.text .editor .pro_t2 {margin:50px 0 0;font-size:14px;}
	.tem_product .button {right:40%;bottom:130px;}
	.tem_product .swiper-pagination {right:30%;bottom:130px}		
}
@media(max-width:1625px){
	.header {padding:0 5%}
}
@media(max-width:1600px){
	.tem_product .swiper-slide {padding:0 15px;}
}
@media(max-width:1550px){
	.tem_product .swiper-slide>div.text h2 a {font-size:25px}
	.tem_product .swiper-pagination {right:20%}
	.tem_product .button {right:38.5%}
	
	.tem_product .swiper-slide>div.text {padding:0 10px}
	.tem_product .swiper-slide>div.text h2 a {font-size:20px;}
	.tem_product .swiper-slide>div.text .editor {margin:15px 0 0}
	.tem_product .swiper-slide>div.text .editor .pro_t1 {font-size:14px;}
	.tem_product .swiper-slide>div.text .editor .pro_t2 {margin:50px 0 0;font-size:13px;}
	.tem_product .button {right:40%;bottom:130px;}
	.tem_product .swiper-pagination {right:30%;bottom:130px}		
}
@media(max-width:1520px){
	.header {padding:0 4%}
}
@media(max-width:1460px){
	.header {padding:0 15px;}
}
@media(max-width:1400px){
	.temabout_main {padding:95px 110px 0 30%}
	.temabout_four {padding:95px 0 0 50px}
	.header .nav_list li {padding:0 15px;}
}
@media(max-width:1300px){
	.header .nav_list li {padding:0 12px}
	.temabout_four {padding:95px 0 0 30px}
	
	.tem_product .swiper-slide>div.text h2 a {font-size:16px;}
	.tem_product .swiper-slide>div.text .editor .pro_t1 {font-size:13px;}
	.tem_product .swiper-slide>div.text .editor .pro_t2 {margin:30px 0 0;font-size:12px;}
	.header .langs_search:before {left:-8px;}
}
@media(max-width:1250px){
	.header .logo span {padding-left:15px;margin-left:15px;}
}
@media(max-width:1200px){
	.header {padding:0;}
	.header .logo span {padding-left:5px;margin-left:5px;}
	.header .nav_list li {padding:0 6px;}
	.temabout_four {padding:95px 0 0;}
	.four_main {width:90%;margin:0 auto;}
	.temabout_main {padding:95px 15px 0}
	.foot_list dl {margin:0 0 0 30px}
	.your_info .message_list0,.mess_info .message_list1 {padding:54px 35px 0;}

	.your_info .message_list0 li {width:48%}
	.your_info .message_list0 li.li4 {width:100%}
}
@media(max-width:1160px){
	.tem_product .swiper-slide>div.text .editor .pro_t2 {opacity:0;transition:all .3s}
}
@media(max-width:1120px){
	.header .logo img {max-width:60%}
}
@media(max-width:1050px){
	.foot_list dl {margin:0 0 0 25px}
	
}
@media(max-width:1000px){
	.header {width:1000px;}
}

.mobile_nav {position:fixed;left:0;top:-100%;width:100%;z-index:99;box-shadow:0 0 12px rgba(0,0,0,0.15);transition:all .36s;opacity:0;height:50px;line-height:50px;background:#FFF;border-bottom:1px solid #ddd}
.mobile_nav em {font-size:2.1rem;color:#888;border:1px solid #ddd;border-radius:5px;width:44px;height:34px;line-height:34px;text-align:center;display:inline-block;position:relative;top:3px;margin-left:5px;transition:all .4s;cursor:pointer}
.mob_navlist,.mob_langs {position:fixed;top:100%;left:0;width:100%;background:#272c5d;box-shadow:0 5px 10px rgba(0,0,0,0.1);line-height:45px;transition:all .5s;height:100%;opacity:0}
.mob_navlist li a,.mob_langs li a {font-size:1.4rem;color:#FFF;display:block;padding:0 15px;border-bottom:1px solid rgba(255,255,255,0.1);position:relative}
.mob_navlist li a:before,.mob_langs li a:before {content:'';width:5px;height:50%;top:25%;left:0;background:red;transition:all .3s;opacity:0;position:absolute}
.mob_navlist li.active a:before,.mob_langs li a.on:before{opacity:1}
.mob_show {top:50px;opacity:1}
.mobile_nav .em_color {background:#272c5d;color:#FFF;border-color:rgba(255,255,255,0.1)}
/*---*/
.mobile_prolist {padding:0 15px 30px;position:relative;transition:all .3s;display:none;}
.mobile_prolist .nor_proname {font-size:1.4rem;color:#4c4c4c;line-height:35px;border-bottom:1px solid #e5e5e5;display:block}
.mobile_prolist .nor_proname i {float:right;font-size:2.3rem}
.mobile_prolist dl {margin:0;position:absolute;top:36px;width:100%;z-index:25;background:#FFF;padding:15px;left:0;display:none}
.mobile_prolist dd {padding:0 0 10px;border-bottom:1px solid #e5e5e5}
.mobile_prolist dd a {font-size:1.4rem;color:#4c4c4c;line-height:35px;display:block}
.mobile_prolist dd a i {font-size:2rem;padding-left:15px}
/*---通用----*/
@media(min-width:1px) and (max-width:990px){
	html,body{font-size:62.5%;}
	.header {display:none}
	.mobile_nav {top:0;opacity:1}
	.tem_banner .video_text .w1000 {width:auto;}
	.tem_banner .video_text h1 {font-size:3.5rem}
	.tem_banner .video_text h3 {font-size:1.6rem}
	.tem_product .swiper-slide>div.text .editor .pro_t1 {display:none}
	.tem_product .swiper-slide>div.text h2 a {font-size:2.3rem}
	.mbx_nav {padding-left:15px}
	.company .editor {padding:75px 15px 50px;}
	.equipment {padding:45px 15px;}
	.development {padding:80px 15px;}
	.footer_nav>div.col-md-10 {display:none}
	.footer_nav>div.col-md-2 {text-align:center;}
	.footer_nav {padding:30px 0}
	.about_video {padding:45px 0}
	.video_box {text-align:center;}
	.about_video video {height:300px !important;max-width:500px;}
	.pro_nav {padding:60px 0 12px;}
	.pro_nav>div {width:48%;margin:0 1%;min-width:auto}
	.product_list li .text {padding:0 0 0 50px}
	.product_list li .text h1:before {left:-90px}
	.product_list li .text h1 {font-size:2rem;margin:0 0 20px;}
	.product_list li .text .editor {font-size:1.2rem}
	.pro_leftnav {display:none}
	.pro_imgshow .col-md-6:first-child+.col-md-6 {position:relative;padding:0 15px;}
	.pro_details {padding:35px 15px;}
	.product_show {padding:40px 0 70px;}
	.mobile_prolist {display:block}
	.distribution {padding:20px 15px 70px;}
	.brand_main {padding:60px 0 0; }
	.brand_show {padding:0 15px;}
	.innovation_about .text_main .img {text-align:center;}
	.about_show .value_text {padding:60px 15px 0}
	.about_show .spirit_text h2 {font-size:2.4rem;padding:0;text-align:center;}
	.about_show {padding:70px 0}
	.party_text .editor {padding:0 15px;font-size:1.4rem}
	.social_box {padding:45px 15px;}
	.contact_info .editor {padding:0}
	.contact_info .editor>div {padding:0 15px}
	.contact_info .editor>div .txt {padding:25px 10px 0}
	.message_box .message {padding:0 15px;}
	.message_box {padding:60px 0 75px;}
	.links_f {text-align:center;}
}
/*-------ipad---------*/
@media(min-width:768px) and (max-width:990px){
	.page_ban .ban_text h1 {font-size:3rem}
	.honor .col-md-5 {display:none}
	.pro_main {margin-left:0}
	.pioneer_text .editor table td {padding-left:10px}
}
/*-------mobile---------*/
@media(min-width:1px) and (max-width:767px){
	.tem_banner .video_text {top:50%;bottom:auto;transform:translateY(-50%);padding:0 15px;}
	.tem_banner .video_text h1 {font-size:2.8rem}
	.tem_banner .video_txtbox {display:block}
	.tem_product {padding:30px 0}
	.tem_product .swiper-pagination {display:none}
	.tem_product .swiper-slide>div.text .editor:before {display:none}
	.tem_product .button>div.swiper-button-prev {left:0;right:auto;position:absolute;top:50%;margin:-14px 0 0}
	.tem_product .button>div.swiper-button-next {left:auto;right:0;position:absolute;top:50%;margin:-14px 0 0}
	.tem_product .button {position:initial}
	.tem_product .swiper-slide>div.img {position:relative;width:100%;text-align:center;}
	.tem_product .swiper-slide>div.text {position:relative;left:0;height:auto;width:100%;}
	.tem_product .swiper-slide.swiper-slide-active .text {left:0}
	.tem_product .swiper-slide>div.text .editor .pro_t2 {display:none}
	.tem_product .swiper-slide.swiper-slide-prev .img {margin:0}
	.four_main>div {padding:0 15px}
	.tem_newslist .col-md-7 {padding:0}
	.tem_links a {padding:45px 0 30px;}
	.copy_box {height:auto;line-height:normal;line-height:24px;}
	.copy_txt,.f_service {float:none;text-align:center;}
	.page_ban {padding:50px 0 0}
	.page_ban .ban_text h1 {font-size:2rem}
	.mbx_nav .mbx {display:none}
	.company .editor>h1 {font-size:1.8rem !important;}
	.about_box .img {height:300px}
	.equipment h2 {font-size:1.6rem;float:none;width:100%;margin:0 0 20px}
	.equipment .editor {float:none;width:100%}
	.honor .editor {padding:45px 15px 0 15px;}
	.history_list li span {width:100%;}
	.history_list li.flt_rlt span, .history_list li.flt_rlt p {float:none}
	.history_list li p {width:100%;padding:0 5px}
	.mobile_nav .navbar-nav {margin:7.5px 0}
	.product_list li .text {width:100%;overflow:hidden;padding:0 15px}
	.product_list li .text h1:before {display:none}
	.product_list li.flt_rlt .text {text-align:left;padding:0 15px}
	.pro_main {margin:0}
	.distribution .title {float:none;width:100%;}
	.distribution .main {margin:15px 0}
	.distribution .main .editor:before {display:none}
	.innovation_box>ul>li>a {font-size:1.4rem;}
	.innovation_box>ul>li {margin:0 15px;padding:0 15px 20px}
	.sustainable_list li {padding:15px}
	.sustainable_list li span {margin:10px 0}
	.about_show .value_text h1 em {display:block;padding:0;margin:25px 0 0}
	.party_imglist .item {text-align:center;}
	.pioneer_text .editor table td {padding-left:10px}
	.activity_list .swiper-slide>div.col-md-6>div {padding:0 3px}
	.activity_list .swiper-slide>div.col-md-6 .list0, .activity_list .swiper-slide>div.col-md-6 .list1 {margin:10px 0}
	.social_list li .date {font-size:1.25rem}
	.news_list li {padding:0 5px;margin:0 0 30px}
	.news_box {padding:45px 0}
	.talent_main2 .editor>div {width:98%}
	.job_list li {padding:0 5px;margin:0 0 20px;}
	.your_info .col-md-2 em, .mess_info .col-md-2 em {line-height:35px}
	.your_info .message_list0, .mess_info .message_list1 {padding:25px 0 0;}
	.your_info .message_list0 li {width:100%}
	.your_info .message_list0 li.li1, .your_info .message_list0 li.li3 {margin:0 0 14px}
	.mess_info {margin:35px 0 0}
	.your_info .message_list0 li.li4 {margin:0 0 14px;}
	.mess_info .message_list1 li.verify_code input {width:80%;margin:0 0 14px}
	.btn_message input {width:35%}
	.btn_message {margin:34px 0 0}
	
	.job_list li.flt_rlt {padding:0 5px}
	
	.job_menu li {width:25%;margin:0 0 10px}
	.job_menu li a {font-size:1.4rem;}
	.search_right {margin-top:25px}
	.search_left,.search_right {width:100%;}
	.training_box li .img {overflow:hidden;text-align:center;margin:0 0 15px;}
}