@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
/*th,td{ border:1px solid #ededed; padding:5px;}*/
body{  color:#555; font-family: "微软雅黑"; font-size:16px; margin:0 auto; overflow-x:hidden; background:#fff;  }
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#555; text-decoration:none;}
a:hover{  text-decoration:none;}
*{ margin:0; padding:0;} 
.container{ width:1200px; margin:0 auto;}
.clears{ clear:both;} 
.posr{ position:relative; z-index:1000}
input,textarea,select{ font-family:"微软雅黑"}
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right}
.fr{ float:right !important}
.fl{ float:left !important; }  
.mTop10{ margin:10px auto 0 !important; } 
.bgfff{ background:#fff}
.bgf7{ background:#f7f7f7; overflow:hidden}
.bgfa{ background:#f6f6f6;}
.borderN{ border:none !important}

.bgf4{ background:#f2f3f5}

.bgf2{ background:#f2f2f2; padding:60px 0; background-attachment:fixed}
input[type=submit],input[type=button]{-webkit-appearance:none;appearance:none;-moz-appearance:none;}
.images2{ display: block; max-width:100%; margin:0 auto}
/**/
@font-face {
    font-family: 'yuanjian';
	src: url(../fonts/yuanjian.TTF);
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Candara1';
	src: url(../fonts/Candara.ttf), url(../fonts/Candarab.ttf), url(../fonts/Candarai.ttf) , url(../fonts/Candaraz.ttf);
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gothicb-en';
	src: url(../fonts/GOTHIC.TTF) , url(../fonts/GOTHICB.TTF) , url(../fonts/GOTHICBI.TTF) , url(../fonts/GOTHICI.TTF);
    font-weight: normal;
    font-style: normal;

}
/**/ 
.top_bg{ background:#333; color:#eee; line-height:50px;}
.welcome{ float:left;}
.welcome .tel{ background:url(../images/tel.png) center left no-repeat; padding-left:23px; margin-left:20px;}
.welcome .tel a{ color:#ffaf00; font-style:italic;}
.language{ float:right}
.language a{ padding:0 10px; color:#eee}
.language a:first-child{ color:#ffaf00}

.logo{ display:block; height:95px; background:url(../images/logo.png) center left no-repeat; background-size:100%; width:35%; float:left}
.menu{ float:right; width:60%; box-sizing:border-box; position: relative;}
.menu li{ float:left; line-height:100px; font-size:16px; text-align:right}
.menu li a{ display:inline-block; padding:0 40px;}
.head .subscribe{ width:120px; border-radius:30px; color:#fff; text-align:center; background:#e60012; display:block; position:absolute; top:50%; right:10px; line-height:40px; margin-top:-20px;}
.head .subscribe img{ vertical-align:middle; margin-right:5px; position:relative; top:-1px;}
.menu li.active a{ color:#e60012; border-bottom:2px solid #e60012;}

.menu_btn{   z-index:100; cursor:pointer; background:url(../images/menu.png) center no-repeat; background-size:30px; width:40px; height:95px; display:none; float:right}

.head{ position:relative;; padding-right:130px; z-index:1000}
.home_title{color:#bbbbbb; text-align:center; padding:60px 0; font-family: Geneva; font-size:30px; text-transform:uppercase}
.home_title span{ color:#a71c45}
.home_title i{ display:block; border-bottom:1px solid #bbb; width:150px; margin:13px auto 10px}
.home_title h2{ font-weight:normal; color:#52575b; font-size:24px; }

.home_service{ overflow:hidden; margin-bottom:30px;}
.home_service li{ float:left; width:20%; text-align:center; margin-bottom:35px; position:relative; top:0; transition: all 0.5s}
.home_service li h2{ font-weight:normal; color:#333; font-size:18px; padding:20px 0 10px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.home_service li p{ color:#888; font-size:13px; line-height:1.8;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.home_service li a{ display:block; max-width:80%; margin:0 auto}
.home_service li img{ max-width:100%}
.home_service li:hover{ top:15px}

.home_show li{ float:left; position:relative; }
.home_show li img{ display:block; max-width:100%; margin:0 auto; transition: all 0.5s}
.home_show li .block{ position:relative;overflow:hidden}
.home_show li .block a{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/show5.png) center no-repeat; background-size:cover;}
.home_show li .name{ display:block; text-align: center; padding:15px 0; color:#333}
.home_show li .block:hover a{ display:block; }
.home_show li:hover  img{transform:scale(1.1)}

.home_show_big{ margin-bottom:60px}
.home_show_big .bx-wrapper .bx-pager{ bottom:-20px;}
.home_show_big .bx-wrapper .bx-pager.bx-default-pager a  { background:#d4d4d4}
.home_show_big .bx-wrapper .bx-pager.bx-default-pager a:hover,.home_show_big .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#a71c45}

.home_adv{ background-image:url(../images/bg1.jpg); background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,.6); background-size:cover; background-attachment:fixed; overflow:hidden}
.home_adv .home_title{ color:#fff}
.home_adv .home_title h2{ color:#fff}
.home_adv_word{ color:#fff; line-height:2.2; text-align:center; padding-bottom:25px;}

.home_adv_list{ overflow:hidden; width:100%; margin:0 auto 50px;}
.home_adv_list li{ float:left; text-align:center; width:25%; }
.home_adv_list li img{ display:block; margin:0 auto}
.home_adv_list li span{ color:#f6af00; font-family: '微软雅黑'; font-size:25px;}
.home_adv_list li p{ color:#fff; font-size:15px; padding:15px 0}

.home_new_images{ float: left; width:45%; position: relative}
.home_new_images img{ display:block; width:100%}
.home_new_images span{ background:rgba(0,0,0,.5); padding:15px; color:#fff; position:absolute; bottom:0; left:0; width:100%; font-size:16px; box-sizing:border-box;}
.home_new_block{ float:left; width:52%; margin-left:3%;}
.home_new_block .title{ line-height:45px; background:#eeeeee; margin-bottom:30px; height:40px}
.home_new_block .title li{ position:relative; float:left; width:33.3%; background:#eeeeee url(../images/home9.jpg) center left no-repeat; text-align:center}
.home_new_block .title li:first-child{ background:none}
.home_new_block .title li img{ position:absolute; bottom:-10px; left:50%; margin-left:-29px; display:none}
.home_new_block .title li.active a { background:#e60012; color:#fff}
.home_new_block .title li.active img{ display:block}
.home_new_block .title li a{ display:block; font-size:15px;background:#eeeeee; }

.home_new_word dd{ border:1px solid #ededed; padding:15px; margin-bottom:20px; }
.home_new_word dd a{ display:block; position:relative; padding-left:100px; min-height:77px;}
.home_new_word dd .time{ text-align:center; color:#e60012; border-right:1px solid #ededed; width:70px; padding-right:10px; line-height:1.3; font-size:14px; position:absolute; top:0; left:0;}
.home_new_word dd .time span{ font-size:46px; display:block}
.home_new_word dd h2{ padding:15px 0 10px; font-weight:normal; color:#333; font-size:16px;}
.home_new_word dd p{overflow:hidden; color:#666;
    text-overflow:ellipsis;
    white-space:nowrap}

.home_case_big{ background-image:url(../images/bg2.jpg); margin-top:35px; padding-bottom:40px;}
.home_case_big .home_show .block { background:#000}
.home_case_big .home_show .block a{ background-image: url(../images/case4.png)}
.home_case_big .home_show .block:hover img{ opacity:0.2}
.home_case_big .home_show li .name{ color:#fff}
.home_case_big .bx-wrapper .bx-next{ background:url(../images/right.png) center no-repeat; right:-50px}
.home_case_big .bx-wrapper .bx-prev{ background:url(../images/left.png) center no-repeat; left:-50px}
.home_case_big .bx-wrapper .bx-next:hover{ background-position: 0,0; }


.home_foot{ padding:35px 0 25px; background:url(../images/bg3.jpg) center no-repeat; background-attachment:fixed; background-size:cover}
.home_foot .make{ float:left; width:46%; overflow:hidden}
.home_foot .make dt{ color:#fff; font-size:18px; padding:10px 0 20px;}
.home_foot .make dd{ float:left; width:50%; position:relative; box-sizing:border-box; line-height:40px; padding-left:60px; margin-bottom:25px; padding-right:10px;}
.home_foot .make dd .name{ color:#fff; position:absolute; left:0; top:0 ; display:block;  text-align:right; width:60px; }
.home_foot .make dd .text,.home_foot .make dd .textarea{ width:100%; background:none; border:1px solid #3D3C3D; box-sizing:border-box; height:40px; line-height:40px; padding:0 8px; outline:none; color:#fff;}
.home_foot .make dd.block{ width:100%}
.home_foot .make dd .textarea{ height:120px; resize:none; padding:10px; line-height:1.8px;}
.home_foot .make dd .btn{ background:#e60012; color:#fff; height:40px; width:130px; border:none; font-size:15px; cursor:pointer;}

.foot_right{ float:right; width:43%; box-sizing:border-box; position:relative; box-sizing:border-box; padding-right:130px}
.foot_right .title{color:#fff; font-size:18px; padding:10px 0 20px; font-weight:normal}
.foot_right .word{ line-height:3.45; background:url(../images/foot.png) center left no-repeat; padding-left:30px; color:#dddddd}
.foot_right img{ position:absolute; top:70px; right:0;; width:130px}

.foot{ color:#cccccc; font-size:13px; padding:15px 0; line-height:1.7; background:#000}
/*关于我们*/
.info_banner{ background:center no-repeat; background-size:cover; height:300px}

.insidetit{  background:#f8f8f8}
.insleft{ height:50px; line-height:50px; color:#555; font-size:14px; float:left}
.insleft span{ color:#e60012}
.insidenav{ float: right; padding-bottom:2px; overflow:hidden}
.insidenav dd{ float:left; height:48px; line-height:48px; margin-left:20px;}
.insidenav dd a{ display:inline-block; font-size:15px; color:#555;}
.insidenav dd.active a{ color:#e60012; border-bottom:2px solid #e60012; box-sizing:border-box;}

.info_title{ text-align:center; font-size:24px; padding:30px 0; color:#333; line-height:1.6}
.info_title span{ display:block; color:#e60012; text-transform:uppercase}


.about-word{ width:47%; float:right;  box-sizing:border-box;   line-height:1.8}
.about-title { line-height:1.8}
.about-title span{ color:#000; font-size:28px; display:block; font-family:'gothicb-en'; text-transform:uppercase; }
.about-title i{ display:block; width:80px; height:2px; background:#e60012}
.about-title p{ font-size:24px; color:#e60012}

.about-word .word{ padding:20px; padding-left:0;  background:#f6f6f6; margin-top:10px; color:#333333; line-height:2;}
.about-word .word span{ color:#e60012}

.about-jian{ background:url(../images/bg4.jpg) right bottom no-repeat; margin-bottom:30px; background-size:53% 400px}
.home-time{ background:#e60012; color:#fff; position:absolute; bottom:-80px; right:65px; width:220px; height:170px; padding:15px 25px; box-sizing:border-box;}
.home-time span{ color:#ff; font-size:16px; font-family: 'bookos-en'; text-transform:uppercase; padding-bottom:5px; display:block}
.home-time p{ font-size:36px; font-family:'yuanjian'; padding-bottom:10px;}
.home-time .brand{ position:absolute; left:100%; bottom:0; height:110px; background:url(../images/barnk.png) center bottom no-repeat; width:25px;}
.home-about-img{ position:relative; padding-bottom:30px; background:url(../images/line2.jpg) 40px bottom no-repeat; width:50%; float:left; margin-bottom:80px}
.home-about-img img{width:100%; }

.business{ padding:30px 0}
.business .word{ width:50%; color:#666; line-height:2; float:left; padding-top:50px}
.business .title{ width:42%; float: right; line-height:1.8; background:url(../images/about2.jpg) right no-repeat; background-size:65% 100%; padding:25px 0 35px}
.business .title img{ display:block; max-width:80%; margin-top:10px;}
.business .word h2{ font-weight:normal; color:#2e8cd1; padding-bottom:15px; font-size:24px;}

.sol-word{ padding:15px 0 0; color:#555; line-height:1.8; padding-left:130px; min-height:35px; position:relative}
.sol-word .block{ display:block; float:left; background:#e60012; color:#fff; border-radius:3px; position:absolute; top:10px; left:0; padding:0 15px; height:35px; line-height:35px;  font-size:15px; margin-right:10px; }

/*联系我们*/
.contact{width:100%; overflow:hidden; padding-bottom:10%;}
.contfl{width:40%; float:left;}
.contfltop{width:100%;}
.contfl em{width:100%; font-style:inherit; display:block; line-height:35px; padding-bottom:5px; font-size:18px;}
.contfl i{width:100%; font-style:inherit; display:block; line-height:30px; color:#666666;}
.contfls{width:100%; margin-top:40px;}
.contfls1{width:100%; font-size:18px; padding-bottom:8px; line-height:30px;}
.contfls2{width:100%;} 
.contfls2 i{width:100%;  line-height:30px; padding-top:5px; color:#999; font-size:12px}


.contfr{width:53%; float:right;}
.contfr_tit{width:100%; font-style:inherit; display:block; line-height:35px; padding-bottom:15px; color:#999;}
.contfrs{width:99%; height:45px; border:1px solid #D0D0D0; border:1px solid #D0D0D0; margin-bottom:20px;}
.contfrs input{width:99.5%; text-indent:1em; line-height:42px; border:none; height:42px; outline:none}
.contfrr{width:99%; min-height:150px; border:1px solid #D0D0D0; border:1px solid #D0D0D0; margin-bottom:20px; overflow:hidden;}
.contfrr textarea{  line-height:30px; width:100%; resize:none; padding-top:5px; font-size:14px; text-indent:1em; min-height:150px; border:none; outline:none}
.contfrb{width:100%; height:45px;}
.contfrb button{width:30%; float:right; height:45px; border:none; cursor:pointer; background:#e60012; color:#fff; font-size:16px; font-family:"微软雅黑"}

.map{ height:350px; margin-bottom:50px; border:1px solid #ededed}
 /*服务保障*/
.guara_title{ color:#e60012; font-size:18px; padding:15px 0}
.solution-list{ overflow:hidden; padding:20px 0 10px }
.solution-list dd{ box-sizing:border-box; border:1px solid #ededed; background:#fcfcfc; border-radius:10px; width:31%; padding:40px 20px; float:left; margin-bottom:20px}
.solution-list dd img{ display:block; max-width:45%; margin:0 auto 10px}
.solution-list dd h2{ color:#4192b5; font-size:19px; padding:20px 0 15px; text-align:center; font-weight:normal}
.solution-list dd p{ color:#666; font-size:14px; line-height:2; height:145px; overflow: hidden}
.solution-list dd:nth-child(2){ margin:0 3.5%}

.guara_list{ overflow:hidden; margin-bottom:20px;}
.guara_list li{ float:left; width:48.5%; height:262px; overflow:hidden; border-radius:5px; border:1px solid #ededed; box-sizing:border-box; padding:25px; line-height:2; background:#fcfcfc;}
.guara_list li h2{ padding-bottom:10px; color:#e60012; font-size:16px; font-weight:normal}
.guara_list li:nth-child(2){ float:right}
.guara_word1{color:#333; line-height:2}
.guara_word{ padding:20px 0 40px; color:#666; line-height:2}
/*服务客户*/
.newlist{ line-height:1.7; width:31.2%; margin-right:2%; margin-bottom:2%; background:#fafafa; text-align:center; overflow:hidden;  float:left;}
.newlist .nimg{ display:block ;width:100%}
.ntime{ width:220px; height:40px; line-height:40px; color:#999; font-size:16px; display:block; margin:-25px auto 0; background:#fafafa; position:relative; z-index:20;}
.newlist h2{ font-size:16px; color:#222; font-weight:500; padding:5px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newlist p{ width:85%; display:block; margin:0 auto; color:#777; height:50px; overflow:hidden}

.nmore{ display:block; width:120px; text-align:center; margin:20px auto; border-radius:50px; border:1px solid #ccc; height:30px; line-height:30px; color:#888; font-size:13px; background:#fff; }
.nmore img{ vertical-align:middle; margin-left:10px; position:relative; top:-1px}
.newlist:hover{ background:#e60012}
.newlist:hover .ntime{ background:#e60012; color:#fff}
.newlist:hover p,.newlist:hover h2{ color:#fff}

.nerma0{ margin-right:0}
.pages{ overflow:hidden; padding:25px 0}
.pages ul{ float:right}
.pages li{ float:left; margin-left:15px;}
.pages li a{ font-size:15px; color:#888}
.pages li.active a { color:#e60012; text-decoration:underline !important}

.mod18{width:100%;position:relative;margin:0 auto;}

.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}

.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}

.mod18 #prevTop,.mod18 #nextTop{top:38%;width:32px;height:48px;}

.mod18 #prev,.mod18 #next{top:45%;width:32px;height:32px;}

.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}

.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}

.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}

.mod18 li{float:left;}

.mod18 .cf li{position:relative;color:#fff;}

.mod18 .cf a{display:block;width:100%;position: relative;color:#fff;}

.mod18 .cf li span{display:block;width:100%;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000"); font-size:16px; line-height:1.8; box-sizing:border-box;}

.mod18 .cf li span p{ display:block; font-size:14px; max-height:50px; overflow:hidden}

.mod18 .picBox{width:100%;  position:relative;overflow:hidden; }

.mod18 .picBox ul{ position: relative; left:0; min-width:100000px;}

/*.mod18 .picBox li{ width:1200px; }
*/
.mod18 .listBox{width:100%; ;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}

.mod18 .listBox ul{ position:absolute; }

.mod18 .listBox li{width:145px;cursor:pointer;position:relative; padding:0 10px;}

.mod18 .listBox li i{display:none;}

.mod18 .listBox li a{display:block;width:200px}

.mod18 .listBox img{border:1px solid #eee;}

.mod18 .listBox .on img{border:1px solid #315c93;}

.mod18 .listBox .on{ }

.mod18 .listBox .on i{display:block;}

.mod18 .listBox li img{ width:100%}

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

.listulbig{ width:88%; overflow:hidden; margin:0 auto; height:90px; position:relative}

.servive_word{ padding:20px 0 30px; line-height:2; color:#666} 
.servive_word .title{ border-bottom:1px solid #ededed; padding:5px 0; font-weight:normal; font-size:17px; color:#e60012; margin-bottom:15px;}
.servive_word .title i{ display:block; float:left; width:3px; height:20px; margin-right:7px; margin-top:7px; background:#e60012}

.pro_list{ position:relative;; overflow: hidden; padding:0 0 20px}
.pro_list li{ float:left; width:32%; margin-right:2%; margin-bottom:20px; box-sizing:border-box; border:1px solid #ededed; float:left}
.pro_list li:nth-child(3n){ margin-right:0}
.pro_list li img{ display:block; max-width:100%}
.pro_list li div{ position:relative; padding:0 15px; line-height:45px; color:#333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;; padding-right:100px}
.pro_list li .more{ position:absolute; top:0; right:15px; background:url(../images/add.png) center left no-repeat; padding-left:25px; color:#666; font-size:13px;}
/**/
.scheme dd{ margin-bottom:30px; background:url(../images/bg5.jpg) center right no-repeat; background-size:80% 100%; padding:25px 0; padding-left:420px; position:relative; height:240px; overflow:hidden}
.scheme dd .sch_img{ float:left; height:240px; width:393px; position:absolute; top:25px; left:0;}
.scheme dd .word{  padding:15px;}
.scheme dd .word .title{ font-weight:normal; font-size:18px; padding-bottom:10px; color:#e60012;}
.scheme dd .word p{ display:block; line-height:2; max-height:112px; overflow:hidden; margin-bottom:15px;}
.scheme dd .more{ display:block; width:120px; text-align:center; line-height:38px; border:1px solid #d5d5d5; color:#555; border-radius:3px;}

.scheme dd:hover .more{ color:#fff; background:#e60012}
.scheme dd.right { padding-left:0; padding-right:420px; background-position:center left}
.scheme dd.right .sch_img{ left: auto; right:0;}
.scheme dd.right .word{ padding-left:40px}
/*新闻*/

.newimg .flicker-example{ height:345px; width:49%; float:left}
.newimg .flicker-example li{ position:relative}
.newimg .flicker-example li a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0}
.newimg .flicker-example li a span{ display:block; background: rgba(0,0,0,.5); color:#fff; position:absolute; left:0; bottom:15px; width:100%; padding:15px 10px; box-sizing:border-box }
.newimg .flickerplate .dot-navigation{ display:none}
.newimg .flickerplate .arrow-navigation .arrow{ display:block; opacity:1; }

.newtop{ width:48%; float:right}
.newtop dl{ border-bottom:1px solid #F0F0F0; padding-bottom:12px; margin-bottom:30px; overflow:hidden; line-height:1.8}
.newtop dl dt{ float:right; margin-left:15px;}
.newtop dl a{ color:#2d221f; font-size:15px; }
.newtop dl { color:#999;font-size:13px;}
.newtop dl dd span{ display:block; max-height:91px; overflow:hidden}
.flick-content em{ float:right; font-style:normal;}

.newtop dl span{ color:#666; font-size:13px;}
.newtop dl em{ font-style:normal; display:block}
.newtop dl dd p{ padding-bottom:5px;}

.newbtm{ background:#f8f8f8; margin-top:20px; padding:20px 0 30px}
.newslist{ padding:20px; overflow:hidden; background:rgba(255,255,255,0.5); position: relative; margin-bottom:20px; border:1px solid #DEDEDE;}
.newslist dt{ float:left; overflow:hidden; height:180px; background-repeat:no-repeat; background-position:center;  background-size: cover; width:25%;}
.newslist dd{ width:73%; float:left; padding-left:2%; line-height:24px;}
.newslist .neword>a{ color:#333; font-size:16px; } 
.newslist .neword>a i{ display:block; width:40px; height:2px; background:#4c423f; margin-top:15px}
.newslist .neword p{ margin-top:15px;}
.newslist .neword p a{ color:#666; font-size:14px;}
.neword{ float:left;width:80%}
.nedtime{ float:left; width:20%; padding-right:20px; box-sizing:border-box; text-align: right; color:#4c423f; font-size:14px}
.nedtime span{ display:block; font-size:24px;}

.nedtime .newmore{ position:absolute; bottom:25px; right:35px}
.contents{ margin-top:25px;}

.newinfo{ padding-top:10px; line-height:1.8}
.newinfo .title{   color:#000; font-weight:normal; font-size:24px; padding-bottom:15px}
.newinfo .time{ border-bottom:1px solid #ededed; color:#999; margin-bottom:0; padding-bottom:10px;}
.newinfo .time span{ padding-right:15px;}

.newinfo .guide{ background:#f9f9f9 url(../images/999999.png) top left no-repeat; line-height:1.9; padding:25px; padding-left:70px; color:#999999}
.newinfo .word{ line-height:2.2; padding-top:20px}
.newinfo .word p{ margin-bottom:18px;}
.newinfo .word img{ display:block; margin:10px auto; max-width:100%}

.newslist:hover{ background:#f0ede8}
.infors{width:100%; padding-bottom:2%; margin-bottom:2%; margin-top:20px;  }
.inforbtms{width:100%; line-height:30px;}
.inforbtms a{color:#e60012;}
.inforbtm{width:100%; line-height:30px; }
.inforbtm a{color:#999;}
/**/
.make_big{ height:815px; background:#e6e7ec url(../images/bg6.jpg) center bottom no-repeat; overflow:hidden}
.make_cont{ float:right; width:415px; border:1px solid #dedede; margin:115px 0 0; padding: 35px 25px; padding-right:35px; background:#fff}
.make_cont .title{ text-align:center; color:#333; font-size:24px; padding:5px  0 30px; font-weight:normal}
.make_cont dd{ position: relative; top:0; left:0; padding-left:100px; margin-bottom:20px; line-height:45px; height:45px;}
.make_cont .name{ display:block; position:absolute; top:0; left:0; color:#555; font-size:15px; text-align:right; width:80px;}
.make_cont dd .text{ background:#fff; border:1px solid #dedede; width:100%; height:45px; line-height:45px; box-sizing:border-box; padding:0 10px; outline:none}
.make_cont dd .btn{ width:100%; height:45px; font-size:15px; cursor:pointer; color:#fff; background:#e60012; border:1px solid #dedede}
.make_cont dd.auth{ padding-right:110px}
.make_cont dd .auth_img{ position: absolute; cursor:pointer; top:0; right:0; height:45px;}

.make_cont dd .time{ background:url(../images/time.png) center right no-repeat}

/**/
@media screen and (max-width:1500px){  
}
@media screen and (max-width:1400px){  
}
@media screen and (max-width:1200px){
.container{ width:100%; box-sizing:border-box; padding:0 15px;} 
.menu li a{ padding:0 5px;}
.head{  padding-right:130px; z-index:1000}
} 
@media screen and (max-width:1024px){
.logo{ width:382px}
.menu_btn{ display:block;}
.menu{ position:absolute; top:95px; left:0; background:#fff; width:100%; border-top:1px solid #ededed; border-bottom:1px solid #eee; overflow:hidden; padding:15px 30px; display:none}
.menu li{ line-height:45px; width:100%; text-align:right; }
.head{ padding-right:15px}
.head .subscribe{ right:70px; height:36px; line-height:36px; margin-top:-18px}

.home_title { font-size:26px;}
.home_title h2{ font-size:20px;}

.home_adv_word br{ display:none}
.home_adv_list{ width:100%}
.home_new_word dd:last-child{ display:none}

 
.home_foot .make dd{ width:100%}

.foot_right { padding:0}
.foot_right img{ position:relative; top:0; left:0; margin-top:20px;}

.sol-word{ padding-top:5px}
.guara_list li{ height: auto}
}
@media screen and (max-width: 800px) { 
.home_service li h2{ font-size:16px}
.home_adv_list li span{ font-size:56px} 
.home_case_big { padding-bottom:25px;}

.home-about-img,.about-word{ width:100%}
.about-word .word {    padding: 20px 15px;}
.about-jian { background: none;}
.about-title span{ font-size:22px;}
.about-title p{ font-size:18px}
.home-time{ width:180px; height:150px; bottom:-50px;}
.home-time p{ font-size:22px;}
.home-time span{ font-size:14px;}

.business .title{ width:45%}

.business .word h2{ font-size:20px; padding-bottom:10px;}


.contfl{ margin-top:15px;}
.contfl,.contfr{ width:100%}
.contfls{ text-align: left; margin-top:20px}
.contfls1{ font-size:16px}
.contfrb input{ width:100%}

.guara_list li{ height:306px}

.newlist{ width:48%; margin:0 0 20px !important}
.newlist:nth-child(2n){ float:right}

.pro_list li{ width:48.5%; margin:0 0 20px}
.pro_list li:nth-child(2n){ float:right}

.newtop ,.newimg,.newimg .flicker-example{ width:100%}
.newimg .flicker-example{ margin-bottom:20px;}
}
@media screen and (max-width: 640px) {
*{ background-attachment:inherit;} 
.logo{ background:url(../images/logo_samll.png) center left no-repeat; width:160px; background-size:130px; height:75px;}
.menu_btn{ height:75px;}
.head .subscribe{ font-size:13px; width:110px;}
.head .subscribe img{ width:20px;}
.home_service li{ width:50%; margin-bottom:20px;}
.home_service li h2{ font-size:14px; padding:15px 0 5px}
.home_service li p{ font-size:12px;}
.welcome .tel{ display:none; }

.home_title{ font-size:20px; padding:30px 0}
.home_title h2{ font-size:17px;}
.home_title i{ width:100px; margin:10px auto 5px}

.home_adv_list li { width:50%}
.home_adv_list li img{ width:80px;}
.home_adv_list li p{ font-size:13px; padding:10px 0}
.home_adv_list li span{ font-size:32px;}

.home_new_images{ margin-bottom:20px; width:100%}
.home_new_block { width:100%; margin:0}
.home_new_word dd:last-child{ display: block}
.home_new_word dd .time span{ font-size:35px;}
.home_new_word dd a{ min-height:63px;}
.home_new_word dd h2{ font-size:14px; padding:10px 0}
.home_new_word dd p{ font-size:13px;}

.home_case_big { padding-bottom:10px;}

.foot_right ,.home_foot .make{ width:100%}
.home_foot{ padding-top:20px}
.home_foot .make dt{ font-size:16px;}

.foot_right{ width:90%; float:none; display:none; clear:both; margin:0 auto}
.foot_right .word{ display:none}
.foot_right .title{ display:none} 

.foot{ text-align:center}

/**/
.insleft{ display:none}
.insidenav{ float:none; text-align:center;}
.insidenav dd{ margin-left:10px;}
.info_banner{ height:200px}
.insidenav dd a{ font-size:15px}

.info_title{ font-size:20px;}

.business{ padding-top:0}
.business .word{ width:100%; padding-top:25px}
.business .title{ width:100%}

.sol-word .block{ position:relative; display:block; padding:0; width:110px; text-align: center; float:none; top:0; margin-bottom:5px; font-size:14px; height:33px; line-height:33px}
.sol-word{ padding:0 0 10px; font-size:13px; }

.map{ height:250px; margin-bottom:30px} 

.solution-list dd{ width:100%; margin:0 auto 20px !important; padding:30px 20px; float:none}
.solution-list dd p{ height:auto}
.solution-list dd img{ }

.guara_list li{ width:100%; height:auto; margin-bottom:20px;}

.newlist{ width:100%; margin:0 0 20px !important}

.mod18 #nextTop,.mod18 #prevTop{ display:none}

.mod18 .cf li span p{ height:26px;}
.pro_list li{ width:100%}

.scheme dd .sch_img{ width:100%; height:auto; position:relative; top:0; left:0}
.scheme dd .word{ clear:left; padding:20px !important}
.scheme dd{ padding:0 !important; height:auto; background:url(../images/bg5.jpg)}
.scheme dd .word .title{ font-size:15px}

.nedtime{ width:100%; text-align:left; margin-top:10px}
.nedtime span{ display:inline-block}
.nedtime .newmore{ display:none}

.newimg .flicker-example{ height:250px;}
.newtop dl dd p{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.newtop dl dt{ width:130px;}
.newtop dl dt img{ max-width:100%}

.newslist dt{ width:100%; margin-bottom:10px;}
.newslist dd{ width:100%}

.newtop dl{ margin-bottom:15px}

.newinfo .title{ font-size:18px}
.newinfo .time{ font-size:13px}
.newinfo .time span{ padding:0 5px}

.newinfo .guide{ padding:20px; font-size:13px; background:#f9f9f9}
.newinfo .word{ font-size:13px; padding-top:15px}
.neword{ width:100%}
.menu{ top:75px;}
.make_big{ height:auto; background-image:none}
.make_cont{ width:100%; padding:20px 15px 10px; box-sizing:border-box; float:none; margin:50px auto}
.make_cont .name{ font-size:14px; width:65px;}
.make_cont dd{ padding-left:78px}
.make_cont .title{ font-size:18px;}
}
@media screen and (max-width: 320px) {
.container{ padding:0 12px}
}


@media(min-width: 960px){
  .product_warp{
      width: 100%;
      display: flex;
  }
  .pro_side_warp{
      width: 20%;
  }
  .pro_list_body{
      width: 80%;
  }
  .pro_category{
      border: #ddd 1px solid;
      margin-right: 10px;
  }
  .pro_category h3{
      text-align: center;
      padding: 6px 0;
      background-color: #e60012;
      color: #fff;
  }
  .pro_category h3 a{
    color: #fff;
  }
  .pro_category ul{
      margin: 0;
      padding: 0;
      display: none;
  }
  .pro_category ul.on{
     display: block;
  }
  .pro_category ul li{
      list-style: none;
      border-bottom: #efefef 1px solid;
  }
  .pro_category ul li a{
      font-size: 14px;
      text-align: center;
      display: block;
      padding: 8px 15px;
  }
  .pro_category ul li a:hover,.pro_category ul li.on a{
      background-color: #ddd;
  }
  .pro_list_body{
    padding-left: 20px;
  }
}

@media(max-width: 960px){
  .product_warp{
      width: 100%;
      display: flex;
  }
  .pro_side_warp{
      width: 20%;
      display: none;
  }
  .pro_list_body{
      width: 100%;
  }
  .pro_category{
      display: none;
  }
  .pro_category ul li a:hover,.pro_category ul li.on a{
      background-color: #ddd;
  }
}