@charset "utf-8";
/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
@font-face {
  font-family: 'DINPro-Bold';
  src: url('../fonts/DINPro-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINCond-Bold';
  src: url('../fonts/DINCond-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#000;/*-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;*/}
a:hover{text-decoration:none; }
.clear{clear:both;}
*{ font-family:Arial, Helvetica, sans-serif; }
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
/* 隐藏 */
.hide { display:none;}

/*-------------------页面宽度-------------------*/
.wl{width:1200px; margin:0 auto;}
.h-head{ background: url(/upload/slide/1625739575887996.jpg) center top no-repeat; height: 780px;}
/*-------------------头部-------------------*/
.header { height:110px; width:100%; min-width:1200px; left:0; top:0; z-index:999; position:absolute;}
.header .w1000 {height:110px; position:relative;}
.header .language { position:absolute; top:3px; right:10px;}
.header .language a { float:left; color:#fff; text-transform:uppercase; line-height:20px; padding-left:36px; background:url(../images/icon_de.png) no-repeat left center;}
.navfade { height:0; position:relative;z-index:998; top:93px;}
.navfade_fade { display:none; height:55px; width:100%; position:absolute; top:0; left:0; background:url(../images/shade_white50.png); }

/*----------logo----------*/
.logo { float:left; padding:15px 0;}
.logo img {}

/*----------导航----------*/
.nav { float:right; margin-top:40px; position:relative;z-index:999;}
.nav li{ float:left; text-align:center; padding-bottom:10px; margin:0 20px;}
.nav li.cur {border-bottom:3px solid #ab0042;}
.nav li h3 a { font-size:16px; color:#fff;float:left; }
.nav li h3 span { display:block; font-size:10px; text-transform:uppercase; font-weight:normal;}
.nav li.hover h3 a,.nav li.cur h3 a span,.nav li.hover h3 a span,.nav li h3 a:hover span { color:#fff;} 
.nav dl { position:absolute; top:30px; display:none; padding:5px 0; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5); width:auto !important;}
.nav dl dd{font-size:14px; display:block; padding:0 20px; text-align:left;}
.nav dl dd a{ padding:4px 1px; color:#313131; display:block; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.nav dl dd a:hover{ color:#fff;}
/*最后项*/
.nav li.last { background:none; }

/*----------头部样式----------*/


@media screen and (min-width:1200px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.wrap{ display:none;}
.head_wap{ display:none;}
.header_inner .nav li h3 span { color:#313131; }
.header_inner .nav li h3 a:hover { color:#313131;   }
.header_inner .nav li.cur h3 a span,.header_inner .nav li.hover h3 a span,.header_inner .nav li h3 a:hover span { color:#313131;} 
#nhead{ position:relative; height:inherit;}
#nhead .nav li a{ color:#333;}
.nbanner{ position:relative; width:100%; }

.focus{ width:100%;position:relative; overflow:hidden; top:0px; left:0px;}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }
.focus .hd ul{}
.focus .hd ul li{ display:inline-block; width:15px; height:15px; font-size:0px; background-color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 10px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#d24558;  }

.focus .bd{ position:relative; z-index:0; width:100%;}
.focus .bd li{ width:100%;}
.focus .bd li img{ width:100%;  background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.con1{ height:92px; line-height:92px; border-bottom:1px solid #423778;}
.con1 .a1{font-family:"DINCond-Bold"; font-size:35px; color:#423778; background:url(../images/img1.jpg) no-repeat right center; padding-right:10px; margin-right:10px;font-weight:bold;}
.con1 .a3{ font-size:15px;color:#423778;}
.con1 .a2{ width:900px;}
.con1 .a2 .hd li{ font-size:0px; line-height:0px;}
.con1 .a2 .bd .a{color:#423778; font-size:35px; float:left;font-family:"DINCond-Bold"; font-weight:bold;}
.con1 .a2 .bd .b{ font-size:15px; color:#7e7e7e;float:left; padding-left:30px;}

.con2{ margin-top:40px;}
.con2 .a1{color:#3ba180;font-size:35px;font-weight:bold;font-family:"DINCond-Bold";}
.con2 .a1 font{ color:#962761; font-size:30px;  margin-right:10px; display:block; float:left;}
.con2 .a2{ width:56px; height:4px; background-color:#962761; margin-top:10px;}
.con2 .a3{ margin:35px 0 0 0; text-align:center;}
.con2 .a3 .b1{ margin-bottom:25px;}
.con2 .a3 .b2 a{ font-size:15px; color:#7e7e7e;padding:0 45px; border-right:1px solid #c7c7c7;}
.con2 .a3 .b2 a.last{ border-right:none; color:#972861;}

.con3{ margin-top:40px; background:url(../images/aboutbg.jpg) left top repeat-x;}
.con3 .a1{color:#3ba180;font-size:35px;font-weight:bold;font-family:"DINCond-Bold"; padding-top:40px;}
.con3 .a1 font{ color:#fff; font-size:30px;  margin-right:10px; display:block; float:left;}
.con3 .a1_1{ width:56px; height:4px; background-color:#962761; margin-top:10px;}
.con3 .a2 { margin-top:30px;}
.con3 .a2 .b1{ border: solid #fff 10px;}
.con3 .a2 .b2{ width:565px; }
.con3 .a2 .b2 .c1{color:#fff; font-size:15px; line-height:22px; letter-spacing:3px;}
.con3 .a2 .c2{ margin-top:40px;}
.con3 .a2 .c2 a{ font-size:16px; color:#fff; padding:10px 35px; border:2px solid #fff; border-radius:30px; margin-top:50px;}
.con3 .a2 .c3{ margin-top:80px; color:#666;}
.con3 .a2 .c3 .d1{ color:#423778; font-size:46px;font-family:"DINCond-Bold"; padding-right:10px; }
.con3 .a2 .c3 .d2{ border-left:1px solid #423778; padding-left:11px; padding-bottom:5px;}
.con3 .a2 .c3 .e1{ color:#000; font-size:15px;}
.con3 .a2 .c3 .e2{ color:#aeaeae; font-size:13px; margin-top:3px;}
.con3 .a2 .c3 .e3{ margin-top:15px; margin-right:40px;}
.con3 .a2 .c3 .e3 a{ padding:2px 20px 5px 20px; background-color:#423778; color:#fff; font-size:13px; border-radius:20px;}
.con4{ background:url(../images/aboutbk.jpg); width:100%; height:8px; margin-top:30px;}

.con5{ margin-top:40px; margin-bottom:60px;}
.con5 .a1{color:#3ba180;font-size:35px;font-weight:bold;font-family:"DINCond-Bold";}
.con5 .a1 font{ color:#423778; font-size:30px;  margin-right:10px; display:block; float:left;}
.con5 .a1_1{ width:56px; height:4px; background-color:#962761; margin-top:10px;}
.con5 .a1 .b2{ padding-top:10px;}
.con5 .a1 .b2 a{ color:#423778;font-family:"yahei"; font-size:15px;}
.con5 .a2{border-top:1px solid #eee;border-left:1px solid #eee;box-sizing:border-box;width:1201px; margin-top:30px;}
.con5 .a2 li{ float:left; border-right:1px solid #eee; border-bottom:1px solid #eee; width:400px;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ padding-bottom:25px;}
.con5 .a2 table{ width:100%;}
.con5 .a2 table td{ width:100%; text-align:center;}

.footer{ color:#fff; font-size:13px;background-color:#423778; height:90px; line-height:90px; }
.footer img{ margin-top:35px;}

.position{ margin-top:-40px; position:relative; z-index:999;}
.position .a1{ background:url(../images/titlebg.jpg); width:267px; height:107px; padding:40px 0 0 35px;}
.position .a1 .b1{ font-size:25px; color:#fff; font-weight:bold;}
.position .a1 .b2{ font-size:35px; color:#079991; ;}
.position .a2,.position .a2 a{ font-size:12px;padding-top:70px}

.about1{ height:1px; width:100%; background-color:#3ba180; margin:15px 0 0 0;}
.about2 .about_center{ text-align:center; margin:50px 0; display: flex; align-items: center; justify-content: center;}
.about2 .title{ text-align:center; display:inline-block; }
.about2 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.about2 .title .a1{ font-size:50px; color:#3ba180;}
.about2 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about2 .title .a3{ color:#423778; font-size:30px;}
.about2 .info2{ width:575px;}
.about2 .info2 .a1{ font-size:25px; color:#423778; font-weight:bold; margin-top:-5px;}
.about2 .info2 .a2{ font-size:15px; color:#7e7e7e; line-height:22px;letter-spacing: 3px; margin-top:30px;}
.about2 .info2 .a3{ margin-top:75px;}
.about2 .info2 .a3 .aboutfl1{ float:left;padding-right:40px;}
.about2 .info2 .a3 .b1 .c1{ font-size:40px; color:#423778;float:left;}
.about2 .info2 .a3 .b1 .c2{font-size:18px; color:#423778;float:left; padding-left:5px;}
.about2 .info2 .a3 .b2{ font-size:18px; color:#7e7e7e; padding-left:3px;}
.about2 .info2 .a3 .aboutfl2{ float:left; padding:0 30px; border-left:1px solid #423778;border-right:1px solid #423778;}
.about2 .info2 .a3 .aboutfl3{ float:left; padding-left:20px;}
.about2 .info2 .a3 .aboutfl3 .b1 .c1{ color:#d44359;}

.about3 .about_center{ text-align:center; margin:90px auto 20px auto; display: flex; align-items: center; justify-content: center;}
.about3 .title{ text-align:center; display:inline-block; }
.about3 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.about3 .title .a1{ font-size:50px; color:#3ba180;}
.about3 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about3 .title .a3{ color:#423778; font-size:30px;}
.about3 .info{ background-color:#423778;}
.about3 .info .a1 { padding:60px 0 30px 0;}
.about3 .info .a1 .leibie{ float:left; width: 14%; color:#fff; font-size:45px; text-align:center; box-sizing: border-box; padding:0 10px;}
.about3 .info .a1 .leibie:last-child{ padding-right:0px;}
.about3 .info .a1 .leibie font{ font-size:17px;}
.about3 .info .a1 .leibie .dsc{ color:#929292; font-size:16px;}
.about3 .info .a2 li{ float:left;}
.about3 .info .a2 li img{ float:left;}
.about3 .info .a2 li:nth-child(1){ margin-right:1px;}
.about3 .info .a2 li:nth-child(2){ margin:0 1px 1px 0; }
.about3 .info .a2 li:nth-child(3){ margin-bottom:1px;}
.about3 .info .a2 li:nth-child(4){ margin-right:1px;}
.about3 .info .a3{ font-size:15px; color:#929292; line-height:24px; width:570px; margin:20px auto 50px auto;}

.about4 .about_center{ text-align:center; margin:50px auto 40px auto; display: flex; align-items: center; justify-content: center;}
.about4 .title{ text-align:center; display:inline-block; }
.about4 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.about4 .title .a1{ font-size:50px; color:#3ba180;}
.about4 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about4 .title .a3{ color:#423778; font-size:30px;}
.about4 .info .a1{ font-size:15px; color:#7e7e7e; text-align:center; line-height:24px; padding-bottom:40px;}
.about4 .info .a2{ width:100%;}

.about5 .about_center{ text-align:center; margin:80px auto 40px auto; display: flex; align-items: center; justify-content: center;}
.about5 .title{ text-align:center; display:inline-block; }
.about5 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.about5 .title .a1{ font-size:50px; color:#3ba180;}
.about5 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about5 .title .a3{ color:#423778; font-size:30px;}
.about5 .info{ background-color:#eef6fa;padding-bottom:80px;}
.about5 .info .a1{ margin:0 auto; text-align:center;padding:60px 0 20px 0;font-size:15px; color:#7e7e7e; }
.about5 .info .a1 img{ padding-bottom:20px; }
.about5 .info .a2 .b1{ float:left; width:299px; padding-left:1px; }
.about5 .info .a2 .b1:first-child{ padding-left:0; width:300px;}
.about5 .info .a2 .b1 .c2{ font-size:16px; color:#423778; line-height:20px; text-align:center; padding:20px 0;}
.about5 .info .a2 .b1 .c3{ font-size:13px; color:#b2b2b2; line-height:14px; padding:0 20px; text-align:center;}
.about_center{  display: flex; align-items: center; justify-content: center;}
.about6{ margin-bottom:30px;}
.about6 .about_center{ text-align:center; margin:50px auto 40px auto; }
.about6 .title{ text-align:center; display:inline-block; }
.about6 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.about6 .title .a1{ font-size:50px; color:#3ba180;}
.about6 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about6 .title .a3{ color:#423778; font-size:30px;}
.about6 .info .a1{ font-size:15px; color:#7e7e7e; text-align:center; line-height:24px; padding-bottom:40px;}
.about6 .info .a2{ width:100%;}
.about6 .info .a2 img{ width:100% !important;}


.main .newslist .lb{ width:100%; padding:30px 0px;border-bottom: 2px dashed #DCDCDC;}
.main .newslist .lb .a1{ width:240px;}
.main .newslist .lb .a1 img{ width:100%; float:left;}
.main .newslist .lb .a2{ width:calc(100% - 280px);}
.main .newslist .lb .a2 .b1{color: #333;font-size: 18px;font-weight: bold;}
.main .newslist .lb .a2 .b2{line-height: 28px;height: 84px;overflow: hidden;color: #838383;font-size: 14px;}
.pages{PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center}
.pages li{display: inline; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.pages li.thisclass{background-color: #0d8890; border-color: #0d8890; color: #fff;} 
.pages li.thisclass a{color: #fff;} 

.main .news{ width:98%; margin:0 auto;} 
.main .news .a1{ font-size:30px; width:90%; line-height:40px; font-weight:600; text-align:center; margin:30px 0 20px 0;}
.main .news .a2{ font-size:13px; width:100%; padding:5px 0; background-color:#f7f7f7;text-align:center; margin:0 auto;}
.main .news .a3{ font-size:14px; width:95%;line-height:20px; padding:20px 0;}

.main .right{ width:calc(100% - 302px);}
/*----------产品列表----------*/
.main .product_list {  overflow:hidden; }
.main .product_list ul {}
.main .product_list li { float:left; overflow:hidden; margin:30px 41px 0 41px; width:230px;  _display:inline; }
.main .product_list li:nth-child(3n){ margin-right:0px;}
.main .product_list li a {}
.main .product_list li a:hover { text-decoration:none;}
.main .product_list li .img_block{ width:228px; height:228px; overflow:hidden; text-align:center; border:1px solid #DFE8FF; }
.main .product_list li .img_block table{  }
.main .product_list li .img_block td{width:228px; height:228px;vertical-align:middle;  }
.main .product_list li .img_block img {max-width:228px; max-height:228px; _width:228px; _height:228px; display:block;  margin:0 auto;}
.main .product_list li p { line-height:44px; color:#122372; font-size:15px;  -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.main .product_list li .desc{ line-height:16px; height:32px; color:#838383; overflow:hidden;}
.main .product_list li .btn{ color:#27367e; margin-top:7px;}

/*----------左侧分类----------*/
.main .side_nav { background-color:#f8f8f8; width:272px; padding:0 0 0 30px; margin-top:30px;}
.main .side_nav li{ padding:15px 0; border-bottom:1px solid #DFE8FF;}
.main .side_nav li a{ display:block; padding-left:13px; border-left:2px solid #D1D1D1;}
.main .side_nav li a h3{ color:#000; font-size:16px; line-height:22px; float:left; padding-right:20px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;   }
.main .side_nav li a span{ color:#7f7f7f; display:block; line-height:14px;}
.main .side_nav li.cur a {border-left:2px solid #FF0000;}
.main .side_nav li.cur a h3 { color:#ff0000; background:url(../images/point05.png) no-repeat right center;}
.main .side_nav li a:hover{ border-left:2px solid #122372;}
.main .side_nav li a:hover h3 { color:#122372;}

/*----------生成工艺----------*/
.design1 .about_center{ text-align:center; margin:50px 0;}
.design1 .title{ text-align:center; display:inline-block; }
.design1 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.design1 .title .a1{ font-size:50px; color:#3ba180;}
.design1 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design1 .title .a3{ color:#423778; font-size:30px;}
.design1 .info .a1 a{ display:block; float:left;}
.design1 .info .a1 a img{ float:left;}
.design1 .info .a1 a:nth-child(1) img{ margin-right:2px;}
.design1 .info .a1 a:nth-child(2) img{ margin-bottom:2px;}
.design1 .info .a2{ color:#7e7e7e; font-size:15px; line-height:24px; text-align:center; padding:30px 0;}

.design2 { background:url(../images/design_bg.jpg); background-size:cover; padding:50px 0 40px 0;}
.design2 .about_center{ text-align:center; margin:0px 0 50px;}
.design2 .title{ text-align:center; display:inline-block; }
.design2 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.design2 .title .a1{ font-size:50px; color:#3ba180;}
.design2 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design2 .title .a3{ color:#423778; font-size:30px;}
.design2 .info a{ display:block; float:left;width:390px; margin-right:15px; color:#7e7e7e; line-height:24px; font-size:15px; text-align:center;}
.design2 .info a:nth-child(3){ margin-right:0px;}
.design2 .info a .img{ width:100%; height:390px; background-color:#edf6f3; margin-bottom:10px;}
.design2 .info a .img img{ max-width:100%; max-height:390px;}

.design3 { padding:50px 0 40px 0;}
.design3 .about_center{ text-align:center; margin:0px 0 50px;}
.design3 .title{ text-align:center; display:inline-block; }
.design3 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.design3 .title .a1{ font-size:50px; color:#3ba180;}
.design3 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design3 .title .a3{ color:#423778; font-size:30px;}
.design3 .info a{ display:block; float:left;width:390px; margin-right:15px; line-height:24px; font-size:18px; color:#423778; text-align:center; font-weight:bold;}
.design3 .info a:nth-child(3){ margin-right:0px;}
.design3 .info a .img{ width:100%; height:390px; background-color:#edf6f3; margin-bottom:10px;}
.design3 .info a .img img{ max-width:100%; max-height:390px;}
.design3 .info a font{ display:block; text-align:center; width:100%; font-size:15px; color:#7e7e7e; font-weight:400;}

.design4 { padding:50px 0 40px 0; background-color:#423778}
.design4 .about_center{ text-align:center; margin:0px 0 50px;}
.design4 .title{ text-align:center; display:inline-block; }
.design4 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.design4 .title .a1{ font-size:50px; color:#3ba180;}
.design4 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design4 .title .a3{ color:#423778; font-size:30px;}
.design4 .info a{ display:block; float:left;width:390px; margin-right:15px; color:#fff; line-height:24px; font-size:15px; text-align:center; font-weight:bold;}
.design4 .info a:nth-child(3){ margin-right:0px;}
.design4 .info a .img{ width:100%; margin-bottom:20px;}
.design4 .info a font{ display:block; text-align:center; width:100%; font-size:15px; color:#7e7e7e; font-weight:400;}

.design5 { padding:50px 0 40px 0;}
.design5 .about_center{ text-align:center; margin:0px 0 50px;}
.design5 .title{ text-align:center; display:inline-block; }
.design5 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.design5 .title .a1{ font-size:50px; color:#3ba180;}
.design5 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design5 .title .a3{ color:#423778; font-size:30px;}
.design5 .info a{ display:block; float:left;margin-right:15px; color:#423778;font-size:18px;  font-weight:bold;}
.design5 .info a:nth-child(1){ width:795px;}
.design5 .info a:nth-child(2){ width:390px; float:right; margin-right:0px;text-align:center;}
.design5 .info a img{ display:block; float:left; margin-bottom:10px;}
.design5 .info a font{ font-size:15px; color:#7e7e7e; font-weight:400; padding-left:25px;}

.design6 { padding:50px 0 40px 0; background-color:#6d1041;}
.design6 .about_center{ text-align:center; margin:0px 0 50px;}
.design6 .title{ text-align:center; display:inline-block; }
.design6 .title_a0{ background:url(../images/img2_1.png) left center no-repeat; width:19px; height:95px; display:inline-block;}
.design6 .title .a1{ font-size:50px; color:#989898;}
.design6 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design6 .title .a3{ color:#fff; font-size:30px;}
.design6 .info a{ display:block; float:left;margin-right:16px; color:#fff;font-size:18px;  font-weight:bold; width:592px; }
.design6 .info a:last-child{ margin-right:0px;}
.design6 .info a img{ display:block;}
.design6 .info a span{ padding-left:10px; display:block; border-left:3px solid #d44359; margin-top:20px;}
.design6 .info a font{ font-size:15px; color:#7e7e7e; font-weight:400;display:block; padding-top:10px;}
.contact{ position:relative;}
.contact .info{ position:absolute; right:0px; top:60px; width:365px; height:445px; background:rgba(73,152,150,0.8); color:#fff; padding:45px 0 0 55px; line-height:40px;}
.contact .info font{ font-size:18px; font-weight:600;}
.contact .iframe{width:1200px; height:490px; border:0px; margin:60px 0 80px 0;}
.contact .wap{ display:none;}
}
@media screen and (max-width:1199px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.wl{width:100%; margin:0 auto;}
body,html{height:100%;}
.pc{ display:none;}
.wrap{width:100%;height:100%;overflow:hidden}
.wrap2{width:100%;height:1000%;transition:.3s linear}
.page{width:100%;height:10%;background-color:#fdfdfd;font-size:100px;line-height:400px;text-align:center;font-weight:700}
.head_wap { background-color:#333; padding-bottom:15px;}
.logo_wap{ position:fixed; left:20px; top:25px;}
.logo_wap img{ height:30px;}
.logo_jt{ width:100%; position:absolute; bottom:20px; text-align:center; z-index:1px;}
.logo_jt img{ height:25px;}
.btn_wap{ position:fixed; top:20px; right:10px;}
.placeholder{ display:none;}
.head_wap .logo_wap{ position:inherit; float:left; margin:25px 0 0 20px;}
.head_wap .btn_wap{ position:inherit; float:right; margin:20px 10px 0 0;}
.nbanner{ position:relative; width:100%;}
.nbanner img{}
.fancynav-item-1aa{ padding:5px 0 0 0;}
.fancynav-item-1aa li{ font-size:13px;padding:5px 0 5px 30px;}
.fancynav-item-1aa a{ color:#f7f7f7}

.footer{ color:#fff; font-size:13px;background-color:#423778; height:90px; line-height:20px; background-size:cover; padding:0 5px; width:calc(100% - 10px);}
.footer .a2{ font-size:12px; width:calc(95% - 112px); margin-top:30px; text-align:center;}
.footer img{ margin-top:35px;}

.position{ margin-top:10px; position:relative; z-index:999; width:100%;}
.position .a1{ background:url(../images/titlebg.jpg) center center; width:50%; height:70px; padding:20px 0 0 35px;float:none;}
.position .a1 .b1{ font-size:20px; color:#fff; font-weight:bold;}
.position .a1 .b2{ font-size:25px; color:#079991; ;}
.position .a2,.position .a2 a{ font-size:12px;padding-top:70px; float:none; color:#fff; display:none;}

.about1{ height:1px; width:100%; background-color:#3ba180; margin:15px 0 0 0;}
.about2{ width:98%; margin:0 auto;}
.about2 .about_center{ text-align:center; margin:20px 0;}
.about2 .title{ text-align:center; display:inline-block; }
.about2 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:55px; background-size:cover; display:inline-block;}
.about2 .title .a1{ font-size:30px; color:#3ba180;}
.about2 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about2 .title .a3{ color:#423778; font-size:20px;}
.about2 .info1 img{ width:100%;}
.about2 .info2{ width:100%; margin-top:15px;}
.about2 .info2 .a1{ font-size:20px; color:#423778; font-weight:bold; margin-top:-5px;}
.about2 .info2 .a2{ font-size:13px; color:#7e7e7e; line-height:20px;letter-spacing:2px; margin-top:15px;}
.about2 .info2 .a3{ margin-top:25px;}
.about2 .info2 .a3 .aboutfl1{padding-right:10px; float:left;}
.about2 .info2 .a3 .aboutfl1:nth-child(3){padding-right:0px;}
.about2 .info2 .a3 .b1 .c1{ font-size:30px; color:#423778;float:left;}
.about2 .info2 .a3 .b1 .c2{font-size:14px; color:#423778;float:left; padding-left:5px;}
.about2 .info2 .a3 .b2{ font-size:14px; color:#7e7e7e; padding-left:3px;}
.about2 .info2 .a3 .aboutfl2{ float:left; padding:0 20px; border-left:1px solid #423778;border-right:1px solid #423778;}
.about2 .info2 .a3 .aboutfl3{ float:left; padding-left:20px;}
.about2 .info2 .a3 .aboutfl3 .b1 .c1{ color:#d44359;}

.about3{ width:98%; margin:0 auto;}
.about3 .about_center{ text-align:center; margin:40px 0 20px 0;}
.about3 .title{ text-align:center; display:inline-block; }
.about3 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:55px; background-size:cover; display:inline-block;}
.about3 .title .a1{ font-size:30px; color:#3ba180;}
.about3 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about3 .title .a3{ color:#423778; font-size:20px;}
.about3 .info{ background-color:#423778;}
.about3 .info .a1 { padding:20px 0 20px 0;}
.about3 .info .a1 .leibie{ float:left; color:#fff; font-size:14px; text-align:center; width:50%; text-align:center; float:left; padding:0px 0 10px 0;}
.about3 .info .a1 .leibie:last-child{ padding-right:0px;}
.about3 .info .a1 .leibie font{ font-size:17px;}
.about3 .info .a1 .leibie .dsc{ color:#929292; font-size:16px;}
.about3 .info .a2 li{ float:left;}
.about3 .info .a2 li img{ float:left; width:100%;}
.about3 .info .a2 li:nth-child(1){ width:100%; margin:0 0 1px 0;}
.about3 .info .a2 li:nth-child(2){ margin:0 1px 1px 0; width:calc(50% - 1px); }
.about3 .info .a2 li:nth-child(3){ margin:0 0 1px 1px; width:calc(50% - 1px); }
.about3 .info .a2 li:nth-child(4){ margin:1px 1px 1px 0; width:calc(50% - 1px); }
.about3 .info .a2 li:nth-child(5){ margin:1px 0 1px 1px; width:calc(50% - 1px); }

.about3 .info .a3{ font-size:13px; color:#929292; line-height:20px; width:90%; margin:10px auto 15px auto;}

.about4{ width:98%; margin:0 auto;}
.about4 .about_center{ text-align:center; margin:40px 0 20px 0;}
.about4 .title{ text-align:center; display:inline-block; }
.about4 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:50px; background-size:cover; display:inline-block;}
.about4 .title .a1{ font-size:22px; color:#3ba180;}
.about4 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about4 .title .a3{ color:#423778; font-size:20px;}
.about4 .info .a1{ font-size:13px; color:#7e7e7e; text-align:center; line-height:20px; padding-bottom:20px; width:90%; margin:0 auto;}
.about4 .info .a2 img{ width:100%}


.about5{ width:98%; margin:0 auto;}
.about5 .about_center{ text-align:center; margin:40px 0 20px 0;}
.about5 .title{ text-align:center; display:inline-block; }
.about5 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:55px; background-size:cover; display:inline-block;}
.about5 .title .a1{ font-size:30px; color:#3ba180;}
.about5 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about5 .title .a3{ color:#423778; font-size:20px;}
.about5 .info{ background-color:#eef6fa;padding-bottom:30px;}
.about5 .info .a1{ margin:0 auto; text-align:center;padding:60px 0 20px 0;font-size:15px; color:#7e7e7e; }
.about5 .info .a1 img{ padding-bottom:20px; }
.about5 .info .a2 .b1{ float:left;width:100%; margin-bottom:15px;}
.about5 .info .a2 .b1:first-child{ padding-left:0; width:100%;}
.about5 .info .a2 .b1 img{ width:100%;}
.about5 .info .a2 .b1 .c2{ font-size:14px; color:#423778; line-height:inherit; text-align:center; padding:10px 0 5px 0;}
.about5 .info .a2 .b1 .c3{ font-size:12px; color:#b2b2b2; line-height:14px; padding:0 20px; text-align:center;}

.about6{ width:98%; margin:0 auto;}
.about6 .about_center{ text-align:center; margin:40px 0 20px 0;}
.about6 .title{ text-align:center; display:inline-block; }
.about6 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:50px; background-size:cover; display:inline-block;}
.about6 .title .a1{ font-size:22px; color:#3ba180;}
.about6 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.about6 .title .a3{ color:#423778; font-size:20px;}
.about6 .info .a1{ font-size:13px; color:#7e7e7e; text-align:center; line-height:20px; padding-bottom:20px; width:90%; margin:0 auto;}
.about6 .info .a2 img{ width:100%; margin:5px 0;}


.main .newslist .lb{ width:98%; padding:20px 0px;border-bottom: 2px dashed #DCDCDC; margin:0 auto;}
.main .newslist .lb .a1{ width:30%;}
.main .newslist .lb .a1 img{ width:100%; float:left;}
.main .newslist .lb .a2{ width:calc(100% - 34%);}
.main .newslist .lb .a2 .b1{color: #333;font-size: 15px;font-weight: bold; padding-bottom:5px;}
.main .newslist .lb .a2 .b2{line-height: 20px;height: 84px;overflow: hidden;color: #838383;font-size: 12px;}

.main .news{ width:98%; margin:0 auto;} 
.main .news .a1{ font-size:18px; width:100%; line-height:30px; font-weight:600; text-align:center; margin:20px 0 10px 0;}
.main .news .a2{ font-size:12px; width:100%; padding:5px 0; background-color:#f7f7f7;text-align:center; margin:0 auto;}
.main .news .a3{ font-size:13px; width:98%;line-height:20px;margin:0 auto; padding:20px 0;}

.pages{PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center}
.pages li{display: inline; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.pages li.thisclass{background-color: #0d8890; border-color: #0d8890; color: #fff;} 
.pages li a{ font-size:12px;}
.pages li.thisclass a{color: #fff;}  

.main .prolist .left{ float:none}
.main .side_nav { background-color:#f8f8f8; width:calc(100% - 20px); padding:0 0 0 20px; margin-top:0px;}
.main .side_nav li{ padding:15px 0; border-bottom:1px solid #DFE8FF;}
.main .side_nav li a{ display:block; padding-left:13px; border-left:2px solid #D1D1D1;}
.main .side_nav li a h3{ color:#000; font-size:15px; line-height:20px; float:left; padding-right:20px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;   }
.main .side_nav li a span{ color:#7f7f7f; display:block; line-height:14px;}
.main .side_nav li.cur a {border-left:2px solid #FF0000;}
.main .side_nav li.cur a h3 { color:#ff0000; background:url(../images/point05.png) no-repeat right center;}
.main .side_nav li a:hover{ border-left:2px solid #122372;}
.main .side_nav li a:hover h3 { color:#122372;}
.main .right{ width:98%; float:none; margin:0 auto;}
/*----------产品列表----------*/
.main .product_list {  overflow:hidden; }
.main .product_list ul {}
.main .product_list li { float:left; overflow:hidden;width:48%;  _display:inline; margin:10px 1% 0 1%; }
.main .product_list li:nth-child(3n){ margin-right:0px;}
.main .product_list li a {}
.main .product_list li a:hover { text-decoration:none;}
.main .product_list li .img_block{ width:calc(100% - 2px); height:228px; overflow:hidden; text-align:center; border:1px solid #DFE8FF; }
.main .product_list li .img_block table{  }
.main .product_list li .img_block td{width:100%; height:228px;vertical-align:middle;  }
.main .product_list li .img_block img {max-width:100%; max-height:228px;display:block;  margin:0 auto;}
.main .product_list li p { line-height:35px; color:#122372; font-size:15px;  -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.main .product_list li .desc{ font-size:12px; line-height:20px; height:38px;color:#838383; overflow:hidden;}
.main .product_list li .btn{ color:#27367e; margin-top:7px;}


/*----------生成工艺----------*/
.design1{ width:98%; margin:0 auto;}
.design1 .about_center{ text-align:center; margin:40px 0 20px 0;}
.design1 .title{ text-align:center; display:inline-block; }
.design1 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:55px; background-size:cover; display:inline-block;}
.design1 .title .a1{ font-size:20px; color:#3ba180;}
.design1 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design1 .title .a3{ color:#423778; font-size:20px;}
.design1 .info .a1 a{ display:block; float:left;}
.design1 .info .a1 a img{ float:left;}
.design1 .info .a1 a:nth-child(1) img{ margin-right:2px;}
.design1 .info .a1 a:nth-child(2) img{ margin-bottom:2px;}
.design1 .info .a2{ color:#7e7e7e; font-size:15px; line-height:24px; text-align:center; padding:30px 0;}

.design2{ width:98%; margin:0 auto; background:url(../images/design_bg.jpg); background-size:cover; padding:20px 0 0px 0;}
.design2 .about_center{ text-align:center; margin:0px 0 20px 0;}
.design2 .title{ text-align:center; display:inline-block; }
.design2 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:55px; background-size:cover; display:inline-block;}
.design2 .title .a1{ font-size:30px; color:#3ba180;}
.design2 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design2 .title .a3{ color:#423778; font-size:20px;}
.design2 .info a{ display:block;width:96%; margin:0 auto 15px auto; color:#7e7e7e; line-height:20px; font-size:15px; text-align:center;}
.design2 .info a .img{ width:100%; background-color:#edf6f3; margin-bottom:10px;}
.design2 .info a .img img{ max-width:100%;}

.design3{ width:98%; margin:0 auto;}
.design3 .about_center{ text-align:center; margin:40px 0 20px 0;}
.design3 .title{ text-align:center; display:inline-block; }
.design3 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:55px; background-size:cover; display:inline-block;}
.design3 .title .a1{ font-size:30px; color:#3ba180;}
.design3 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design3 .title .a3{ color:#423778; font-size:20px;}
.design3 .info a{ display:block;width:96%; margin:0 auto 10px auto; line-height:24px; font-size:18px; color:#423778; text-align:center; font-weight:bold;}
.design3 .info a .img{ width:100%;background-color:#edf6f3; margin-bottom:10px;}
.design3 .info a .img img{ max-width:100%; max-height:390px;}
.design3 .info a font{ display:block; text-align:center; width:100%; font-size:15px; color:#7e7e7e; font-weight:400;}

.design4 { padding:30px 0 20px 0; background-color:#423778}
.design4 .about_center{ text-align:center; margin:0px 0 30px;}
.design4 .title{ text-align:center; display:inline-block; }
.design4 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:65px; display:inline-block;}
.design4 .title .a1{ font-size:40px; color:#3ba180;}
.design4 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design4 .title .a3{ color:#fff; font-size:20px;}
.design4 .info a{ display:block;width:96%; margin:0 auto 10px auto; color:#fff; line-height:24px; font-size:15px; text-align:center; font-weight:bold;}
.design4 .info a .img{ width:100%; margin-bottom:20px;}
.design4 .info a font{ display:block; text-align:center; width:100%; font-size:15px; color:#7e7e7e; font-weight:400;}

.design5{ width:98%; margin:0 auto;}
.design5 .about_center{ text-align:center; margin:40px 0 20px 0;}
.design5 .title{ text-align:center; display:inline-block; }
.design5 .title_a0{ background:url(../images/img2.png) left center no-repeat; width:19px; height:55px; background-size:cover; display:inline-block;}
.design5 .title .a1{ font-size:30px; color:#3ba180;}
.design5 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design5 .title .a3{ color:#423778; font-size:20px;}
.design5 .info a{ display:block; color:#423778;font-size:18px;  font-weight:bold;}
.design5 .info a:nth-child(1){ width:98%; margin:0 auto; text-align:center;}
.design5 .info a:nth-child(1) img{ width:100%;}
.design5 .info a:nth-child(2){ width:98%; margin:0 auto;text-align:center;}
.design5 .info a img{ display:block;  margin-bottom:10px; width:100%;}
.design5 .info a font{ font-size:15px; color:#7e7e7e; font-weight:400;display:block; padding:5px 0 10px 0;}

.design6 { padding:20px 0 30px 0; background-color:#6d1041; margin-top:20px;}
.design6 .about_center{ text-align:center; margin:0px 0 30px;}
.design6 .title{ text-align:center; display:inline-block; }
.design6 .title_a0{ background:url(../images/img2_1.png) left center no-repeat; width:19px; height:65px; display:inline-block;}
.design6 .title .a1{ font-size:26px; color:#989898;}
.design6 .title .a2{ width:35px; height:3px; background-color:#d44359; margin:0 auto;}
.design6 .title .a3{ color:#fff; font-size:20px;}
.design6 .info a{ display:block; margin:0 auto; color:#fff;font-size:18px;  font-weight:bold; width:98%; }
.design6 .info a img{ display:block; width:100%; margin-top:10px;}
.design6 .info a span{ padding-left:10px; display:block; border-left:3px solid #d44359; margin-top:20px;}
.design6 .info a font{ font-size:15px; color:#7e7e7e; font-weight:400;display:block; padding-top:10px;}

.contact{ position:relative;}
.contact .info{ position:absolute; right:0px; top:0px; width:calc(100% - 25px); height:375px; background:rgba(73,152,150,0.8); color:#fff; padding:45px 0 0 25px; line-height:40px;}
.contact .info font{ font-size:18px; font-weight:600;}
.contact .iframe{width:100%; height:400px; border:0px; margin:0px 0 50px 0;}
.contact .pc{ display:none;}

}