@charset "utf-8";

/* 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:"Source Han Sans CN", "Microsoft Yahei", Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#666;}

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:#fe0505}

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{ outline:none; font-family:Arial}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#2d2f7f}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f18{ font-size:18px;}



.wrap{width:1300px;margin:0 auto}

.headerbox{position:relative; /*height:90px;*/ z-index:999}

.header{position:fixed; left:0;top:0; width:100%; background:rgba(0,0,0,.3); box-shadow:0 0 15px rgba(0,0,0,0.1); -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
/*.header:hover{ background:#fff}
.header-scroll{background:#fff}*/
.header .wrap{ width:90%}

.logo{position:relative;display: -webkit-flex;display:flex;align-items:center; height:80px;}

.logo img{ display:block;}



.menu{ margin-right:3%}

.menu li{ float:left; font-size:18px; line-height:80px;position:relative}

.menu li a{ display:block;}

.menu .menu_a{ position:relative; padding:0 25px; color:#fff}

/*.menu .menu_a:after{ content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-6px;}

.menu li:last-child .menu_a::after{ display:none}*/

.menu .menu_a:before{ content:""; width:0; height:2px; background:#fff; position:absolute; left:50%; transform:translateX(-50%); bottom:20px; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}

.menu .menu_a.cur{color:#fe0505}

.menu .menu_a:hover::before, .menu .menu_a.cur::before{ width:calc(100% - 50px);}



.menu li .sub{ position:absolute; width:150px; left:50%; margin-left:-75px; background:#fff;height:0; overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);-webkit-transform:translateY(2px); -ms-transform:translateY(2px);transform: translateY(2px);-webkit-transition: -webkit-transform .3s ;transition: transform .3s;}

.menu li .sub a{ display:block; background:#f3f3f3; color:#666; border-bottom:1px solid #d5d5d5; line-height:22px; font-size:15px;padding:10px}

.menu li .sub a:hover{background:#cf1213; color:#fff}

.menu li .sub.active{ height:auto;-webkit-transform:translateY(0); -ms-transform:translateY(0);transform: translateY(0); overflow:visible}

.menu li .prosub .cls{ position:relative}

.menu li .prosub .cls>a{ position:relative; z-index:2}

.menu li .prosub .cls.on>a{background:#cf1213; color:#fff}

.menu li .prosub .sub{ left:150px; margin-left:0;top:0; z-index:1; border-left:1px solid #e8e8e8}



.lang{ position:relative; background:url(../images/icon01_w.png) no-repeat 20px center; background-size:25px auto; color:#fff;line-height: 80px;padding-left:50px;}

.lang:before{ content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; left:0; top:50%; margin-top:-6px;}

.lang .sub{ position:absolute;width:100%;height:0; overflow:hidden; left:0;z-index:9;-webkit-transform:translateY(2px); -ms-transform:translateY(2px);transform: translateY(2px);-webkit-transition: -webkit-transform .3s ;transition: transform .3s;}

.lang .sub a{ display:inline-block; background:#fff;height: 33px;line-height: 33px; text-align:center;color: #666; border-bottom: 1px solid #d5d5d5;width: 100%;}

.lang .sub a:hover{ color:#e89211; background:#f3f3f3}

.lang .sub.on{-webkit-transform:translateY(0); -ms-transform:translateY(0);transform: translateY(0); height:auto;}





.search-alert{position: fixed;z-index:998;background-color: #f3f3f3;left: 0;top: 160px;width: 100%; padding:30px 3%;display: none;}

.search-alert .close{display: block;width:25px; height:25px;background: url(../images/closed_b.png) no-repeat center;position: absolute;top:30px;right:10%;cursor: pointer;transition: transform 0.3s ease 0s;}

.search-alert .form{ width:800px; margin:0 auto; position:relative}

.search-alert .form .tex {border: none;font-size:16px;height:45px;line-height: 45px;width: 100%;box-sizing: border-box;color: #555;background:#fff;padding-left:20px;padding-right: 80px;}

.search-alert .form .sub-butn {border: none;font-size:16px;line-height:45px;text-align: right;background:#cf1213;color:#fff;position: absolute;right: 0;top: 0;width: 80px;text-align: center; cursor:pointer}

.search-alert .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}



.banner{position: relative;z-index: 1;overflow: hidden;width: 100%;}
.banner a{ display:block; height:620px; background:#262626; overflow:hidden; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.banner img{ display:block;}
.banner .mimg{ display:none}

.banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:30px}

.banner .swiper-pagination-bullet{ width:15px; height:15px; background:none; opacity:1; border:1px solid #fff; position:relative}

.banner .swiper-pagination-bullet-active:after{ content:""; width:7px; height:7px; position:absolute; background:#fff; left:3px;top:3px; border-radius:50%}
.bannerbox{ position:relative}
.news-index{width: 100%;position: absolute;bottom: 0;left: 0; line-height: 50px;height: 50px;background-color: rgba(10,10,10,0.3); z-index:2}
.news-index .wrap{ position:relative}
.news-index .tit-r{ position:absolute; left:0; top:0; height:100%; width:100px; color:#fff}
.news-index .tit-r:after{ content:""; width:1px; height:14px; background:rgba(255,255,255,.6); position:absolute; right:20px; top:50%; margin-top:-7px}
#announcement{ margin-left:110px;height: 50px;}
#announcement a{ color:#fff; display:block;width:calc(100% - 120px); overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
#announcement .swiper-button-next, #announcement .swiper-button-prev{ width:30px; height:50px; margin-top:-25px; opacity:1}
#announcement .swiper-button-next{background:url(../images/icon05.png) no-repeat center; background-size:20px 20px; right:0}
#announcement .swiper-button-prev{background:url(../images/icon04.png) no-repeat center; background-size:20px 20px; left:auto;right:30px}


.title{ font-size:22px; font-weight:bold; line-height:45px;color:#333;margin-bottom:20px; padding-left:85px; border-bottom:1px solid #d8d8d8;position:relative}
.title span{ position:relative}
/*.title:before{ content:""; width:3px; height:20px; background:#fe0505; display:block; border-radius:5px; position:absolute; left:0;top:12px;}
*/
/*.i-main .left .title:before{ content:""; width:40px; height:40px; background:#fe0505 url(../images/icon08.png) no-repeat center;background-size:25px 25px; position:absolute; left:0;bottom:5px; border-radius:50%;}
*/
.i-main .left .title:before{ content:""; width:100px; height:45px; background:url(../images/icon10.png) no-repeat left bottom;position:absolute; left:0;bottom:0;}
.i-main .midd .title:before{ content:""; width:100px; height:45px; background:url(../images/icon09.png) no-repeat left bottom;position:absolute; left:0;bottom:0;}
.i-news .title:before{ content:""; width:100px; height:45px; background:url(../images/icon11.png) no-repeat left bottom;position:absolute; left:0;bottom:0;}


.i-main{ margin:40px 0; position:relative}
.i-main .wrap{ position:relative}

.i-main .left{ width:27%;}

.pro-content h3{ position:relative; background:#eee;}
.pro-content h3 a{ color:#333; font-size:16px; line-height:26px; background:url(../images/icon06.png) no-repeat 15px center; background-size:20px 20px; padding-left:40px; padding-top:7px; padding-bottom:7px;display:block;}
/*.pro-content .sub{ background:#f3f3f3; padding:15px;background: -webkit-linear-gradient(left, #f3f3f3 , #fff);
  background: -o-linear-gradient(right, #f3f3f3, #fff); 
  background: -moz-linear-gradient(right, #f3f3f3, #fff);
  background: linear-gradient(to right, #f3f3f3 , #fff);}*/
.pro-content .sub{ padding:15px;}
.pro-content .sub a{ display:block; line-height:32px;background:url(../images/icon02.png) no-repeat left center; padding-left:10px; padding-right:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-main .midd{ width:68%;}
.i-main .midd .about-content{ line-height:30px;}
.i-main .lichengimg{ float:left;display:block;width:550px; height:auto}
.i-main .midd .about-content .intro{ float:right; width:calc(100% - 570px)}
.i-main .midd .about-content p{ margin-top:10px}

.i-main .right{ width:27%}
.news-content li{ border-bottom:1px solid #e8e8e8; padding-bottom:15px; margin-bottom:25px}.news-content li:last-child{ margin-bottom:0}
.news-content li span{ color:#999; font-size:13px; display:block; margin-right:10px; line-height:20px; background:url(../images/icon03.png) no-repeat left center; padding-left:30px;}
.news-content li h3{ white-space:nowrap; color:#333; font-size:14px; overflow:hidden; text-overflow:ellipsis; position:relative;line-height:40px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.news-content li h3:before{ content:""; width:5px; height:100%; background:url(../images/icon02.png) no-repeat center; position:absolute; left:0;top:0; opacity:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.news-content li p{ font-size:13px; color:#999;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.news-content li:hover h3{ color:#fe0505; padding-left:10px}
.news-content li:hover h3:before{ opacity:1;}
.i-main .pro-content{ min-height:350px; padding-top:10px}
.i-main .more{ display:block; width:120px; line-height:35px; background:#fff; color:#666; border:1px solid #e8e8e8; text-align:center; border-radius:25px; margin-top:35px}
.i-main .more:hover{background:#fe0505; color:#fff; border:1px solid #fe0505;}

.i-about{padding:60px 0}

.i-about .intro{ text-align:center; padding:0 15%; font-size:16px; color:#666; line-height:30px;}

.i-about .intro p{ margin-bottom:5px}

.i-about .devep{ margin-top:30px}

.i-about .devep .item{ float:left; width:25%; padding:0 5%; text-align:center}

.i-about .devep .num{ font-size:36px; color:#fe0505; font-family:bebas}



.i-product{ padding:60px 0; background:#f3f3f3}

.i-product-box{  overflow:hidden}

.i-product-box .row{ margin:0 -5px}

.i-product-box .item{ width: 15%;float: left;}

.i-product-box .con-box{display: block;width: 100%;overflow: hidden; padding: 0 5px;position: relative;}

.i-product-box .item .imgbox{position: relative;}

.i-product-box img{width: 100%; display:block}

.i-product-box .txt{position: absolute;

    bottom: 0;

	width:100%;

	padding:100px 20px 40px;

	color:#fff;

	font-size:24px;

    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0) 50%),to(rgba(0,0,0,0.9)));

    background: -webkit-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));

    background: -o-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));

    background: linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));

	-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;

}

.i-product-box .txt h3{ position:relative; z-index:2;}

.i-product-box .img2{ position:absolute; width:200px; height:100%; background:rgba(179,26,55,.9);top:0; left:-100%;z-index:1}

.i-product-box .img2 img{ position:relative; width:auto; max-width:100%; top:20%}

.i-product-box .item.cur .txt{ padding-left:4%; padding-right:4%}

.i-product-box .item.cur .txt h3{ background:url(../images/i-news-arrow.png) no-repeat right center}

.i-product-box .item.cur .img2{ left:0}



.i-news{ background:#fff;position:relative; padding-top:60px}
.i-newslist ul{overflow:hidden; zoom:1; margin-right:-3%}
.i-newslist li{ line-height:30px; border-bottom:1px dashed #e8e8e8;float:left; _display:inline; width:30.33%; margin-right:3%}

.i-newslist li span{ color:#999; font-weight:300; font-size:13px; float:right}

.i-newslist li h4{ font-size:14px; color:#333;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; width:calc(100% - 100px); position:relative; padding-left:15px; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.i-newslist li h4:before{ content:""; width:5px; height:5px; background:#ccc; border-radius:50%; display:block; position:absolute; left:0;top:12px}

.i-newslist li .intro{ color:#888; font-weight:300; line-height:22px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.i-newslist li:hover h4{color:#fe0505}

@font-face{

font-family:'bebas';

src:url("../fonts/bebas.eot");

src:url("../fonts/bebas.eot") format("embedded-opentype"),

url("../fonts/bebas.woff2") format("woff2"),

url("../fonts/bebas.woff") format("woff"),

url("../fonts/bebas.ttf") format("truetype"),

url("../fonts/bebas.svg#BEBAS") format("svg");

}

/*============================================================*/

.nbanner{ position:relative; padding-top:18%}

.nbanner img{ display:block; width:100%}

.nbanner .text{position:absolute; left:50%;top:50%; color:#fff; transform: translate(-50%, -50%);}

.nbanner .text .p1{font-size:50px; line-height:80px}

.nbanner .text .p2{ font-size:20px}

.nbanner .text .p1,.nbanner .text .p2{-webkit-animation: animate .5s;-moz-animation: animate .5s;animation: animate .5s; opacity:0;animation-fill-mode: forwards;}

.nbanner .text .p2{animation-delay:.2s;}

@keyframes animate{

	from{ opacity:0;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);transform: translateY(30px);}

	to{opacity:1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);}

}

@-moz-keyframes animate{

	from{ opacity:0;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);transform: translateY(30px);}

	to{opacity:1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);}

}

@-webkit-keyframes animate{

	from{ opacity:0;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);transform: translateY(30px);}

	to{opacity:1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);}

}

@-o-keyframes animate{

	from{ opacity:0;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);transform: translateY(30px);}

	to{opacity:1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);}

}



.n_nav{line-height: 60px;border-bottom: 1px solid #efefef; background:#fff}

.n_nav_left a {position: relative;color: #333;flex: 0 0 auto;display: inline-block;transition-duration: .3s;padding:0 30px; font-size:16px;}

.n_nav_left a:before {content: "";position: absolute;display: block;width: 0;height: 0; left:50%; bottom:-8px; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff;opacity:0;transition-duration: .3s;}

/*.n_nav_left a:after {position: absolute;right: 24px;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top;width: 1px;height: 14px;background: #ccc;}*/

/*.n_nav_left a:last-child::after{ display:none}*/

.n_nav_left a.cur,.n_nav_left a:hover{background:#ec1315; color:#fff}

.n_nav_left a:hover:before, .n_nav_left a.cur:before {border-top:8px solid #ec1315; opacity:1}

.location{ padding-left:20px; background:url(../images/location_1.png) no-repeat left center; background-size:17px}

.main{ padding:60px 0;}

.main_2{ background:#f3f3f3;}

.main .content{ line-height:30px;}

.main .content img{ max-width:100%; height:auto}

.about-cntent{ font-size:16px}
.about-cntent .text{ width:100%; float:none !important}

.about-cntent .text p{ margin-bottom:15px}

.about-cntent .zengzhibox{ width:45%; margin-top:100px; margin-left:30px; margin-bottom:30px}
.zengzhi{ margin-bottom:10px}
.zengzhi .swiper-slide img{display:block; width:100%; height:auto;}
.zengzhi .swiper-button-next, .zengzhi .swiper-button-prev{ width:60px; height:60px; outline:none}
.zengzhi .swiper-button-prev{ background:url(../images/arrow_01.png) no-repeat center;background-size:40px auto}
.zengzhi .swiper-button-next{ background:url(../images/arrow_02.png) no-repeat center;background-size:40px auto}
.zengzhibox .gallery-thumbs .swiper-slide {opacity: 0.8; }
.zengzhibox .gallery-thumbs .swiper-slide img{ display:block; width:100%; height:auto;border:1px solid #e8e8e8}
.zengzhibox .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}


.shiys{ position:relative}

.shiys .left{ position:absolute; width:48%; height:100%; overflow:hidden}

.shiys .left img{ display:block; min-width:100%; min-height:100%}

.shiys .left .txt{ position:absolute; left:0;bottom:0; width:100%; padding:3%; color:#fff; background:rgba(0,0,0,.5)/*background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0) 50%),to(rgba(0,0,0,0.9)));

    background: -webkit-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));

    background: -o-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));

    background: linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));*/}

.shiys .left .txt h3{ font-size:16px}

.shiys .right{ width:52%; float:right}

.shiys .right .item{ float:left; width:48%; margin-left:2%; margin-bottom:2%; position:relative}

.shiys .right .item:nth-child(3),.shiys .right .item:nth-child(4){ margin-bottom:0}

.shiys .right .item img{display:block; width:100%;}

.shiys .right .txt{position:absolute; left:0;bottom:0; width:100%; padding:3%; color:#333;background:rgba(255,255,266,.6)}

.shiys-2{ margin-right:-2%; margin-top:20px}

.shiys-2 .item{ float:left; width:20%;background:#fff; text-align:center; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8}
.shiys-2 .item:nth-child(5n){ border-right:none;}
.shiys-2 .item .pic{ height:130px;display:flex; display:-webkit-flex; justify-content:center;align-items:center; }
.shiys-2 .item img{ display:block; max-height:80%; max-width:80%}

.shiys-2 .item .txt{ padding:3% 3% 5%; padding-top:0; width:100%; font-size:16px;}

.ntitle-2-abt{ text-align:left !important;}
.ntitle-2.ntitle-2-abt .en{ font-size:60px; line-height:70px; white-space:nowrap}
.ntitle-2{font-size: 35px;color: #333;text-align: center;margin-bottom: 30px;}
.ntitle-2 .en{font-size: 80px; font-weight: bold;opacity: 0.1;text-transform: uppercase; line-height:100px; margin-bottom:0}
.ntitle-2 .cn{margin-top: -40px;}
.hor-cls{ display:flex; display:-webkit-flex; justify-content:center; margin-bottom:30px}
.hor-cls a{ display:block; line-height:40px; border:1px solid #d8d8d8; border-radius:5px; width:160px; text-align:center;margin:0 15px; font-size:18px; font-weight:bold; color:#333}
.hor-cls a.active{ background:#fe0505; border:1px solid #fe0505; color:#fff}
.honorlist{margin-right:-3%}
.honorlist{ display:flex; display:-webkit-flex; flex-wrap:wrap;align-items: flex-start; justify-content:center;}
.honorlist .item{width:17%;float:left; margin-right:3%; margin-bottom:2%; text-align:center }
.honorlist .item img{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.honorlist .item:hover img {
    top: -5px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,.3);
}


.newslist li{ position:relative; padding:50px 0}

.newslist li .time{ width:120px; text-align:center; font-family: "Times New Roman", Times, serif; margin-right:30px; padding-top:30px}

.newslist li .time span{ display:block; font-size:28px; line-height:50px;  color:#999}

.newslist li .time .day{ border-bottom:1px solid #ddd;}

.newslist li .time .year{}

.newslist li .pic{ float:left; width:300px;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{ padding-left:500px}

.newslist li .text h3{ font-size:18px; color:#333; margin-bottom:15px}

.newslist li .text .intro{color:#666; margin-bottom:30px; font-size:14px; line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.newslist li .text .more{ font-size:14px; color:#999; display:block; padding-top:30px; border-top:1px solid #ddd;}

.newslist li,.newslist li .text h3,.newslist li .text .more{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}

.newslist li:hover{ background:#f3f3f3}

.newslist li:hover .text h3{color:#fe0505}

.newslist li .pic img:hover{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}

.newslist li .text .more:hover{color:#fe0505}

.nwtit{ font-size:30px; color:#333; text-align:center}

.nwtime{ margin-bottom:20px; color:#999; font-size:12px; text-align:center; border-bottom:1px solid #e8e8e8; padding-bottom:5px; margin-bottom:20px}

.nwtime span{ padding-right:10px}



.page_2{ padding-top:30px; position:relative; border-top:1px solid #e8e8e8; margin-top:50px}

.page_2 .prev{ float:left; width:30%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.page_2 .next{ float:right; width:30%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:right}

.page_2 .back{width: 120px;height: 36px;text-align: center;line-height: 36px;font-size: 14px;color: #999;transition: all 0.5s ease; position:absolute; right:0;top:30px;}

.page_2 .back a{ display:block; background:#cf1213; color:#fff}

.page_2 .back:before {

    content: "";

    width: 120%;

    height: 100%;

    background: #fff;

    -webkit-transform: skewX(-40deg);

    -moz-transform: skewX(-40deg);

    transform: skewX(-40deg);

    position: absolute;

    left: -150%;

    top: 0;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    transition: .5s;

}

.page_2 .back span{ position:relative}

.page_2 .back:hover::before{left:120%}



.downlist ul{ margin-right:-2%}

.downlist li{ float:left; width:48%; margin-right:2%; margin-bottom:2%; border:1px solid #e8e8e8; background:#fff;position:relative}

.downlist li a{ display:block; padding:30px 20px; }

.downlist li .icon{ width:60px; height:60px; display:block; background:url(../images/pdf.png) no-repeat center; position:absolute; left:20px;}

.downlist li .txt{ padding-left:80px; padding-right:90px; background:url(../images/d_arrow.png) no-repeat right 20px center; position:relative}

.downlist li .txt:after{ content:""; width:1px; height:100%; background:#e8e8e8; position:absolute; right:80px;top:0}

.downlist .txt h3{ font-size:18px; color:#333}

.downlist .txt .tm{ font-size:14px; color:#999}

.downlist li,.downlist .txt h3{-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}

.downlist li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1)}

.downlist li:hover .txt h3{ color:#fe0505}
.apltlist ul{ margin-right:-2%}
.apltlist li{ float:left; width:31.3333%; margin-bottom:2%; margin-right:2%;transition: all .5s ease 0s;}
.apltlist li .txt{ position:relative; height:200px; overflow:hidden;padding:5%;}
.apltlist li .txt:before{ content:""; width:100%; height:100%; border:5px solid transparent; position:absolute; left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition: all .5s ease 0s;}

.apltlist li h3{ font-size:30px; color:#333;position:absolute; left:0;top:0;bottom:0;right:0; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.apltlist li .intro{position:relative;top:120%;color:#999; line-height:24px; font-size:14px; height:120px; overflow:auto}
.apltlist li:nth-child(1) .txt{ background:#8db4e2}
.apltlist li:nth-child(2) .txt{ background:#e6b8b7}
.apltlist li:nth-child(3) .txt{ background:#d8e4bc}
.apltlist li:nth-child(4) .txt{ background:#e6b8b7}
.apltlist li:nth-child(5) .txt{ background:#d8e4bc}
.apltlist li:nth-child(6) .txt{ background:#8db4e2}
.apltlist li:nth-child(7) .txt{ background:#d8e4bc}
.apltlist li:nth-child(8) .txt{ background:#8db4e2}
.apltlist li:nth-child(9) .txt{ background:#e6b8b7}
.apltlist li:nth-child(10) .txt{ background:#8db4e2}
.apltlist li:nth-child(11) .txt{ background:#e6b8b7}
.apltlist li:nth-child(12) .txt{ background:#d8e4bc}
.apltlist li:hover .txt:before{border:5px solid #ec1315;}
.apltlist li:hover .txt{ background:#fff url(../images/aplbg.jpg) no-repeat right 20px center; background-size:auto 150px}
.apltlist li:hover h3{ position:relative; display:block; font-size:20px;}
.apltlist li:hover .intro{top:10px;transition: all .5s ease 0s;}
.apltlist .mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,.1);}
/*============products===================*/



.prolist ul{ margin-right:-2% }

.prolist li{ width:31.33%; float:left; margin-right:2%; margin-bottom:2%; text-align:center}

.prolist li a{ display:block; background:#fff; padding-bottom:30px;position:relative}

.prolist li .pic{ overflow:hidden}

.prolist li img{ display:block; width:100%}

.prolist li h3{ font-size:18px; color:#333; text-align:center; padding:20px 10px 0}

.prolist li .more{ font-size:14px; color:#999; text-decoration:underline}

.prolist li,.prolist li h3{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}

.prolist li img{-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}

.prolist li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1)}

.prolist li:hover h3{color:#fe0505}

.prolist li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}



.prodetail .left{ width:43%;}

.prodetail .left img{ display:block; width:100%; height:auto; border:1px solid #d8d8d8; margin-bottom:20px}

.prodetail .right{ width:52%}

.prodetail .right h1{ font-size:30px; color:#333; margin-bottom:15px}

.prodetail .right .text{ line-height:28px; font-size:15px}
.prodetail .right .text .titt{ font-size:24px; color:#333; padding:10px 0}

.prodetail .right .text p{ padding-top:10px}
.prodetail .right .ltit{ font-weight:bold; margin-bottom:10px}

.prodetail .right table th{ background:#eee; padding:5px;}

.prodetail .right table td{ border:1px solid #d8d8d8; padding:2px 5px; font-size:14px}
.prodetail .right table td p, .prodetail .right table th p{ padding:0 !important}

.prodetail .guige,.prodetail .relatedpro{ margin-top:50px}

.prodetail .guige .ntitle,.prodetail .relatedpro .ntitle{ font-size:26px; margin-bottom:30px}

.prodetail .guige table th{ background:#eee; padding:6px 3px; font-size:16px}

.prodetail .guige table td{ border:1px solid #d8d8d8; padding:3px}

.prodetail .relatedpro a{ padding-bottom:20px; line-height:24px}

.prodetail .relatedpro h3{ font-size:16px}

.prodetail .relatedpro .more{ font-size:12px}
.relatedpro .prolist li{ border:1px solid #e8e8e8}


.page_3{ border-top:1px solid #d8d8d8; margin-top:8%; padding-top:5%}

.page_3 a{ display:block; float:left; width:50px; height:50px; border:1px solid #dfdfdf; border-radius:50%; margin-right:20px; position:relative}

.page_3 .prev:before{ content:" < "; font-family:Simsun; width:100%; height:100%; position:absolute; left:0;top:0; line-height:50px; text-align:center; font-size:20px}

.page_3 .next:before{ content:" > "; font-family:Simsun; width:100%; height:100%; position:absolute; left:0;top:0; line-height:50px; text-align:center; font-size:20px}

.page_3 a:hover{ background:#2d2f7f; color:#fff}

.piclist-2{ margin-right:-2%; margin-top:30px}
.piclist-2 .item{ float:left; width:31.33%; margin-right:2%; text-align:center; position:relative}
.piclist-2 .item img{ width:100%; display:block; height:auto}
.piclist-2 .item p{ background:#f3f3f3; line-height:45px; color:#333; font-size:16px;}
/*===========================contact================================*/

.contact-cntent{ position:relative}

.lxfs{ margin-bottom:50px;}

.lxfs .item{padding:0 20px; float:left; width:33.33%; text-align:center; position:relative}

.lxfs .item:after{ content:""; width:1px; height:50px; background:#e8e8e8; position:absolute; right:0; top:50px}

.lxfs .item .icon img{ width:40px; height:auto; display:block; margin:0 auto 10px}

.lxfs .item p{ color:#333; padding-bottom:5px; font-size:16px}

.lxfs .item .p1{ color:#666; font-weight:400}

.lxfs .item:last-child::after{ display:none}



.ntitle{ font-size:35px; line-height:40px; color:#333; text-align:center; margin-bottom:40px}

.bc{ text-align:center; color:#999; font-size:14px; display:block; line-height:20px; padding-top:10px}

.messbox{ margin-top:-10px;margin-right: -1.5%; margin-left:-1.5%}

.messbox .items-1{ width:30.33%; float:left; position:relative; margin-bottom:1%; margin-left:1.5%; margin-right:1.5%}

.messbox .items{ position:relative;margin-left:1.5%; margin-right:1.5%;margin-bottom:1%}

.messbox label{ position:absolute; left:0; color:#666; line-height:35px; padding-left:10px}

.messbox .inp{ width:100%; border:1px solid #d8d8d8; background:#f3f3f3; line-height:35px; padding-left:50px}

.messbox textarea{width: 100%;height: 120px;border: 1px solid #d8d8d8;display: block; background:#f3f3f3; text-indent:70px; padding:0 10px; line-height:32px}
.messbox .items-2{ width:50%; display:flex; display:-webkit-flex; align-items:center;}
.messbox .items-2 .inp{ width:calc(100% - 260px); margin-right:20px}
.messbox .yzm{width:150px; border:1px solid #d8d8d8; background:#f3f3f3; line-height:35px;}

.messbox .inp-submit{
	position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #fe0505;
	border:none;
    font-size: 16px;
    cursor: pointer; transition:.3s}
.messbox .inp-submit:hover{ background:#d30c0c}

/*============================================================*/

.footer{ background:#262626; color:#fff; line-height:28px;font-weight:300;}.footer a{ color:#fff}

.footer-top{ padding-top:50px; padding-bottom:60px; border-bottom:1px solid #3c3c3c; position:relative}

.flogo{ opacity:.8}

.fnav{ padding-left:13%; width:480px;}

.fnav p{ font-size:16px;font-weight:300;margin-bottom:10px;}

.fnav a{ display:block; color:#fff; opacity:.6; float:left; width:50%}.fnav a:hover{ opacity:1}

.fcontact{ margin-left:13%}

.fcontact h3{ font-size:16px; font-weight:300; margin-bottom:10px;}

.fcontact p{ opacity:.6}

.fcontact .kuai{opacity:.6}

.fcontact .kuai{ margin-top:10px}

.fcontact .item{ float:left; position:relative}

.fcontact .item:nth-child(2){ padding-left:120px}

.fcontact .item:nth-child(2)::before{ content:""; width:1px; height:80%; background:#3c3c3c; position:absolute; left:60px; top:10%}



.footer-top .ewm{ position:absolute; right:0;}

.footer-top .ewm img{ width:120px; height:auto; display:block; padding:3px; background:#fff}

.footer-top .ewm p{ color:#fff; text-align:center; background:#2d2f7f; line-height:30px;}

.copyright{ padding-top:20px; opacity:.6}

.copyright a{ color:#fff;}

.copyright a:hover{ opacity:1}



#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;}

.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}
.pagination a,.pagination p{ height:auto !important}
.pagination a.cur{ background:#fe0505 !important;border: 1px #fe0505 solid !important;}
.pagination a:hover{color:#fe0505 !important; border: 1px #fe0505 solid !important;}

/*===================en=========================*/
.en{ font-family:Arial, Helvetica, sans-serif}
.en .i-main .midd .about-content .intro{ height:400px; overflow:hidden; margin-top:10px; line-height:26px}
.en .i-main .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0,0,0,.1);
}
.en .i-main .midd .about-content p:first-child{ margin-top:0}
.en .i-main .more{ width:100px; line-height:33px; margin-top:30px}
.en .news-index .tit-r{width: 80px;}
.en #announcement{ margin-left:95px}
.en .main .content{ line-height:26px;}

.en .prodetail .right .text{ line-height:26px;}
.en .prodetail .right table th{ line-height:20px}
.en .shiys-2 .item .txt{ display:none}