@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:"Microsoft Yahei", "Source Han Sans CN",  Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c;}
body.en{font-family: Arial, Helvetica, sans-serif;}
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:#e60012}

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

.red{ color:#f00}

.ovh{ overflow:hidden}

.f18{ font-size:18px;}



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

.headerbox{ position:relative; height:70px;z-index:99;}

.header{ background:#262626;height:70px; line-height:70px; width:100%; position:fixed; left:0;top:0;}

.logo{}

.logo img{ display:block;}



.menu{}

.menu ul{}

.menu li{ float:left; font-size:14px; margin-left:60px;position:relative}

.menu li a{ display:block; color:#ccc}

.menu .menu_a{ position:relative; color:#ccc; text-align:center;}



.menu li .sub{position:absolute; width:100%; left:0;top:45px;overflow:hidden;background:#fff; height:0; -webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0); transform-origin:top;-webkit-transition:.4s ease;-moz-transition:.4s ease;transition:.4s ease}

.menu li .sub a{ display:block;color:#666;line-height:30px;padding:5px 10px; border-bottom:1px solid rgba(0,0,0,.08); text-align:center; font-size:14px;position:relative}

.menu li .sub a:hover{color:#e50011;}

.menu li .sub.active{height:auto;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);}

.menu li:hover .menu_a{color:#fff}



.lang{font-family: 'Arial';margin-left: 50px;color:#ccc;}
.lang a{color: #ccc;}
.lang a:hover{color: #fff;}
.search{ position:relative;margin-top:27px;}

.search form {position: relative;border:1px solid #d8d8d8; padding-right:30px;-webkit-border-radius:25px; border-radius:25px; overflow: hidden;}

.search .tex { border:none;height:35px;line-height: 35px;width: 100%;color: #555;background:#fff;padding-left:20px;}

.search .btn {border: none;line-height:35px;text-align: right;background: url(../images/icon02h.png) no-repeat center; background-size:15px;color:#fff;position: absolute;right: 0;top: 0;width:40px;text-align: center; cursor:pointer; transition:.5s;}





.banner{position: relative;z-index: 1;overflow: hidden;width: 100%;}



.banner a{ display:block; width:100%; background:#262626; position:relative; display:flex; display:-webkit-flex; justify-content:center; overflow:hidden}

.banner img{ display:block;}



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

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px;}

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

.banner .swiper-pagination-bullet-active{ background:#fff; opacity:1}





.space{ padding:80px 0 100px}

.i-brand{ background:#ebebeb; padding:60px 0}

.title{ font-size:30px; color:#333; text-align:center; line-height:50px; margin-bottom:50px;}

.title .en{ display:block; color:#999; font-size:18px; text-transform:uppercase; line-height:20px}

.i-brand ul{ margin-right:-2%}

.i-brand li{ float:left; width:14.6666%; margin-right:2%; margin-bottom:2%}

.i-brand li img{ display:block; max-width:100%;-webkit-transition:ease .5s;-moz-transition:ease .5s; transition:ease .5s}

.i-brand li:hover img{ box-shadow:0 0 15px rgba(0,0,0,.15)}

.i-case{ padding:60px 0}

.i-caselist{ position:relative}

.i-caselist img{ width:100%; height:auto; display:block}

.i-caselist a{ display:block; position:relative}

.i-caselist h3{ font-size:16px; color:#fff; position:absolute; left:0;bottom:0; width:100%; padding:25px 25px 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Safari 5.1 - 6.0 */ 

  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Opera 11.1 - 12.0 */ 

  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Firefox 3.6 - 15 */ 

  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));}

.i-caselist .swiper-button-prev, .i-caselist .swiper-button-next{ width:32px; height:58px; background:rgba(0,0,0,.4) url(../images/arrow_p.png) no-repeat center; margin-top:-29px; left:0}

.i-caselist .swiper-button-next{background:rgba(0,0,0,.4) url(../images/arrow_n.png) no-repeat center;left:auto; right:0}

@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;background:#262626; height:325px; position:relative;}

.nbanner img{ display:block; position:absolute; left:50%;top:0; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

.nbanner .txt{ position:absolute; font-size:28px; color:#fff; width:100%; top:45%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}

.nbanner .txt h2{ font-size:40px}

.location{color:#999;width:100%;line-height:60px;}

.location .wrap{ border-bottom:1px solid rgba(255,255,255,.15);}

.location a{ color:#333}

.location a:hover{ color:#999}





.n_nav{line-height: 80px;border-bottom:1px solid #e8e8e8}

.n_nav li{ float:left;position:relative}

.n_nav li a{ display:block; color:#333; font-size:16px; padding-right:48px;position:relative; transition:.5s;}

.n_nav li a:before {position: absolute;bottom: -1px;content: "";display: block;width: 0;height: 2px;left: 22px;background: #d50a1d; transition-duration: .3s;}

.n_nav li 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 li:last-child a:after{ display:none}

.n_nav li.cur a, .n_nav li a:hover{ color:#e50011}

.n_nav li.cur a:before, .n_nav li a:hover::before{width: 44px;left: 0;}

.n_nav_right{ background: url(../images/icon09.png) no-repeat left center; padding-left:35px;}

.n_nav_right span{ padding:0 5px; font-family:Simsun}



/*.container{background:url(../images/mainbg.jpg) no-repeat top center; background-attachment:fixed}*/

.main{padding:30px 0 60px;}.main_2{ background:#f3f3f3; padding-top:50px}

.main .content{ line-height:28px; font-size:15px}

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

.main .content p{ margin-bottom:15px;}

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

.main .additional{ text-align:center; font-size:16px; color:#666; margin-top:-10px; margin-bottom:30px}



.content-about .left{ width:60%}
.content-about .qymc{ margin-bottom:20px;}
.content-about .qymc .cn{ font-size:25px; color:#333}
.content-about .right{ width:35%}

.content-about .ntitle{ text-align:left}



/*.newslist{ padding:0 10%}*/

.newslist li a{ display:block; border-bottom:1px dashed #e8e8e8;margin-bottom:20px; padding-bottom:15px; background:url(../images/arrow_grey.png) no-repeat right 8px; background-size:15px}

.newslist h3{font-size:16px; padding-left:110px; color:#333; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.newslist .time{ font-size:14px; color:#999}

.newslist li:hover h3{ color:#999}



.newscon .left{ width:72%}

.newscon .right{ width:22%}

.newscon .ntit{font-size:24px; line-height:40px;color: #333;}

.newscon .ntime{font-size:12px; color:#999}

.newscon .ntime span{ margin:0 15px}

.newDetail{ min-height:200px; border-top:1px solid #e8e8e8; padding-top:30px; margin-top:10px;}

.newDetail table td{ border:1px solid #ccc;}

.newscon .right h4{font-size:24px; line-height:40px;color: #333;}

.newscon .right ul{ margin-top:20px}

.newscon .right li{ border-bottom:1px solid #e8e8e8; font-size:12px; padding:10px 0}

.newscon .right .time{ display:block; color:#999; line-height:20px;}

.newscon .right h5{ font-size:14px; color:#333; transition:.5s;}

.newscon .right a:hover h5{ color:#999}

.newscon .right-2 ul{ margin-top:0}

.newscon .right-2 li{ text-align:center; margin-bottom:10px}



.nav-pro{}

.nav-pro .row{  padding:20px 0;border-bottom:1px solid #e8e8e8;}

.nav-pro .row .tit{ font-weight:bold; width:80px; float:left; margin-bottom:0}

.nav-pro .row ul{ padding-left:80px}

.nav-pro .row li{ float:left}



.nav-pro .row-1 li{ float:left;width:10.1%; margin-right:1%; margin-bottom:1%;}

.nav-pro .row-1 li a{ display:block;border:1px solid #e8e8e8;overflow:hidden}

.nav-pro .row-1 li img{ display:block; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.nav-pro .row-1 li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.nav-pro .row-1 li .cur{box-shadow: 2px 2px 4px rgba(0,0,0,.3);}

.nav-pro .row-2{ padding:20px 0}

.nav-pro .row-2 li{ margin-right:20px}

.nav-pro .row-2 a{ display:block; color:#333;}

.nav-pro .row-2 a:hover{ color:#999; text-decoration:underline}

.nav-pro .row-2 .pinlei.cur{ text-decoration:underline; font-weight:bold}

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

.prolist li{ float:left; width:30.33%; margin-right:3%; margin-bottom:2%; text-align:center; border:1px solid #ebebeb;}

.prolist li .pic{ height:240px; display:-webkit-flex; display:flex; justify-content:center;align-items:center; padding:10px; background:#fff}

.prolist li .pic img{ display:block; max-width:100%;max-height: 100%}

.prolist li .txt{ background:#ebebeb; padding:25px 20px 35px; color:#666}

.prolist li h3{ color:#333; text-align:center; font-size:20px; margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.prolist li h4{ text-align:center; font-size:13px; line-height:25px; color:#999; margin-bottom:10px; display: inline-block; border-top:1px solid #999;border-bottom:1px solid #999;}

.prolist li .intro{ text-align:left;display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;-webkit-box-orient:vertical; height:56px;}

.prolist li .more{ display:block; margin:25px auto 0; width:100px; background:#262626; text-align:center; line-height:36px; color:#fff; font-size:14px; transition:.5s;}

.prolist li:hover .more{ border-radius:25px}

.content-pro .left{ width:40%; border:1px solid #e8e8e8; padding:20px;  min-height: 320px;display: flex;display: -webkit-flex; align-items: center;}

.content-pro .left img{ display:block; margin:0 auto}

.content-pro .right{ width:55%}

.content-pro .right .tit{ font-size:30px; color:#333; line-height:45px; margin-bottom:10px}
.content-pro .right p{ margin-bottom:5px}

.related-pro .ntitle{ margin-top:10px}

.prolist-2 a{ display:block; text-align:center}

.prolist-2 .pic{ height:240px; display:-webkit-flex; display:flex; justify-content:center;align-items:center; background:#fff; padding:10px}

.prolist-2 .pic img{ display:block; max-width:100%;max-height: 100%}

.prolist-2 .txt{ background:#ebebeb; padding:25px 20px 35px; color:#666}

.prolist-2 h3{ color:#333; text-align:center; font-size:20px; margin-bottom:10px}

.prolist-2 h4{ text-align:center; font-size:13px; line-height:25px; color:#999; margin-bottom:10px; display: inline-block; border-top:1px solid #999;border-bottom:1px solid #999;}

.prolist-2 p{ text-align:left; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;-webkit-box-orient:vertical}

.prolist-2 .more{ display:block; margin:25px auto 0; width:100px; background:#262626; text-align:center; line-height:36px; color:#fff; font-size:14px; transition:.5s;}

.prolist-2 a:hover .more{ border-radius:25px}





.caselist li{ padding:20px 0 60px}

.caselist li .pic{ width:50%; overflow:hidden}

.caselist li .pic img{ display:block; width:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;}

.caselist li .txt{ width:45%; padding-top:5%}

.caselist li .txt h3{ font-size:26px; color:#333; margin-bottom:20px; position:relative}

.caselist li .txt h3:before{ content:""; width:20px; height:2px; background:#333; display:block; margin-bottom:20px}

.caselist li .more{display: block; margin-top:50px;width: 150px;line-height: 36px;color: #333; border-radius: 5px; position: relative; overflow: hidden; padding-left: 30px; border: 1px solid #d8d8d8;}

.caselist li .more:after{content:""; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #333; display:block; position:absolute; right:30px; top:50%; margin-top:-5px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}	

.caselist li:nth-child(2n) .pic{ float:right}

.caselist li:nth-child(2n) .txt{ float:left; padding-left:0;}

.caselist li .more:hover{ background:#262626; color:#fff}

.caselist li .more:hover::after{ right:25px;border-left:5px solid #fff}

.caselist li .pic img:hover{ transform:scale(1.05)}



.page_2{ padding-top:20px; position:relative; margin-top:40px;}

.page_2 p{ padding-right:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.page_2 .back{ display:block;

    width: 120px;

    line-height: 36px;

    color: #333;

    border-radius: 5px;

    position: relative;

    overflow: hidden;

	padding-left:30px;

	border:1px solid #d8d8d8;

}

.page_2 .back:after{ content:""; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #333; display:block; position:absolute; right:30px; top:50%; margin-top:-5px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}



.page_2 .back:hover{ background:#f3f3f3}

.page_2 .back:hover::after{right:25px;}



/*===========================contact================================*/

.content-contact{ font-size:16px; line-height:30px; padding-top:2%}

.mapbox{ position:relative}

.content-contact .left{ width:40%}

.content-contact .right{ width:50%}

.lxfs .item:first-child{ border-top:1px solid #e8e8e8}

.lxfs .item{ border-bottom:1px solid #e8e8e8;padding:25px 0 25px 30px;}

.lxfs .item span:first-child{ padding-right:30px;}

.lxfs .item:nth-child(1){ background:url(../images/c_icon01.png) no-repeat left center; background-size:20px}

.lxfs .item:nth-child(2){ background:url(../images/c_icon02.png) no-repeat left center; background-size:20px}

.lxfs .item:nth-child(3){ background:url(../images/c_icon03.png) no-repeat left center; background-size:20px}

.lxfs .item:nth-child(4){ background:url(../images/c_icon04.png) no-repeat left center; background-size:20px}

.message .row{ display:flex; display:-webkit-flex; margin-bottom:10px}

.message .row label{padding-right: 20px;text-align: right; margin-top: 5px;width: 95px;}

.message .row label span{ padding-left:10px}

.message .row input, .message .row textarea{ width:calc(100% - 95px); border:1px solid #e8e8e8; padding:5px 10px; line-height:30px;}

.message .row .submit{ background:#262626; width:150px; line-height:40px; text-align:center; display:block; margin:20px auto 0; color:#fff; padding:0; cursor:pointer; transition:.3s;}

.message .row .submit:hover{ border-radius:25px;}

.message .row .yzm{ width:30%}



#allmap{width:63%;height:380px; float:right;background: #ccc;-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: #333; font-size:16px;padding:10px 0; text-align:center}

.BMap_bubble_content{ text-align:center;color: #888; font-size:13px}

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

.footer{ background:#262626; color:#999;line-height:25px; padding-top:60px; padding-bottom:30px; position:relative}

.footer a{color:#999;}.footer a:hover{ color:#fff}



.footer .wrap{ position:relative}

.footer .top{ border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:20px; padding-bottom:30px;}



.f-contact{ width:28%; margin-right:20%}

.f-contact h4{ font-size:16px; color:#fff; margin-bottom:15px}

.f-contact .p1{ margin-bottom:10px}



.f-nav li:last-child{ margin-right:0;}

.f-nav li h4{ font-size:16px; color:#fff; margin-bottom:20px}

.f-nav li a{ display:block; color:#999}

.f-client{ width:30%}

.f-client h4{ font-size:16px; color:#fff; margin-bottom:20px}

.f-clientlist img{ display:block; width:100%; height:auto}



.footer .bot{color:#999}

.f-link{ position:relative; z-index:2}

.f-link .tit{ background:url(../images/arrow_top.png) no-repeat right center; height:25px; padding-right:30px; padding-left:10px;}

.f-link .sub{ display:none; position:absolute; width:100%; left:0;bottom:25px; background:#262626; border:1px solid rgba(255,255,255,.15)}

.f-link .sub a{ display:block; padding:3px 10px;}



.en .menu li{font-size: 16px;}
.en .nbanner .txt{font-size: 20px;}
.en .f-contact{width: 35%;margin-right: 10%;}
.en .main .content{line-height: 1.5;}
.en .prolist li .intro{height: 3em;}
.en .content-pro .right p{margin-bottom: 10px;}