@charset "utf-8";
table{border-collapse:collapse;}
/*常用样式*/
.fl{float:left;}
.fr{float:right;}
.rp{position:relative;}
.hide{display:none;}
.over{overflow:hidden;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; outline:none;}
.r35{-moz-border-radius:35px;-webkit-border-radius:35px;border-radius:35px;behavior:url(/css/ie-css3.htc);}
.ar12mjk1{opacity:0;filter:alpha(opacity=0);}
.notc{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.m_pic{text-align:center;display:block;}
.m_pic b{display:inline-block;height:100%;vertical-align:middle;}
.m_pic img{vertical-align:middle;}
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pointer{ cursor:pointer; }

 body{ font-size:0; }
.conbox{ line-height:28px; overflow:hidden; }
.conbox img{ max-width:100%; height:auto !important; display:block; margin:0 auto; text-align:center; }

.BGF6F{ background:#f6f6f6;   padding-bottom:40px;}
.BGFFF{ background:#ffffff; }

#headerH{ height:110px; }
#header{ padding:0 1%; position:relative; z-index:11; background:#fff;  width:1200px; margin:0 auto;}
#header .Bg{ position:absolute; left:0;right:0;bottom:0;top:0; background:#fff; opacity:0.8;filter:alpha(opacity=80); z-index:0; }
#header .logo{ height:110px; text-align:left; float:left; }
#header .nav{ height:110px; float:right; }
#header .nav .li{ height:100%; margin:0 7px; float:left; text-align:center; position:relative; }
#header .nav .li .a1{ line-height:110px; padding:0 15px; font-size:14px; white-space:nowrap; color:#353535; }
#header .nav .li.on .a1,
#header .nav .li:hover .a1{ color:#007dd4; }
#header .nav .li .sub{ position:absolute; top:100%; width:600px; left:-44px;text-align:center; border-radius: 5px; box-shadow: 0 6px 10px rgba(0,0,0,.1); opacity: 0; visibility: hidden; height:320px; box-shadow:-2px 0 4px rgba(0,0,0,.3); z-index:999;background:#fff;}
#header .nav .li .sub s{ position:absolute; top:0;left:0;right:0;bottom:0; background:#fff; opacity:0.9;filter:alpha(opacity=90); z-index:0; }
#header .nav .li .sub .a2{ display:block; padding:15px; line-height:20px; font-size:14px; position:relative; z-index:1;  border-bottom: 1px solid #e0e0e0;}
#header .nav .li .sub .a2:hover{ color:#007dd4;}
#header .nav .li .sub .a2:last-child{border-bottom: 0;}
#header .nav .li:hover .sub{ opacity: 1;visibility: visible;top: 90%; }


.lev3{float:left; width:150px; overflow:hidden; background:#007dd4; padding:30px; height:260px;}
.lev3_cell{width:100%;height:40px;line-height:40px;text-align:center; border-bottom:1px #439ad7 solid;}
.lev3_cell a{display:inline-block;font-weight:normal; color:#fff;height:26px;border:0;font-size:13px;}
.lev3_cell a:hover{color:#fff;}
.lev3_cell .cir{border:3px solid;border-color:#fff #fff #fff #8e8e8e;margin-right:3px;vertical-align:middle;}
.lev3_r{float:right;width:330px; padding:30px;}
.nav .lev3_r a.pr{border:0;height:auto;}
.lev3_r img{border:none;}
.lev3_r .ico2_2{right:0;bottom:0;}
.lev3_r .ico_play{left:86px;top:48px;}
.lev3_r h3{ font-size:14px; line-height:30px;}
.lev3_r p{ font-size:13px; line-height:24px; color:#666; text-align:left;}
.lev2_4 p{clear:both;height:40px;}
.lev2_4 p b{font-size:18px;color:#297ec0;}


#header .search{ height:110px; position:relative; margin:0 0 0 20px; float:right; }
#header .search form{ position:absolute; top:100%; overflow:hidden; right:-5px; display:none; background:#fff; width:300px; padding:30px; }
#header .search form.on{ display:block; }
#header .search form .i{ width:298px; height:30px; line-height:30px; font-size:14px; border:none; background:none; border:1px solid #ccc; outline:none; }
#header .search form .s{ position:absolute; top:30px;bottom:30px;right:0; padding:0 5px; cursor:pointer; }
#header .phone{ margin-left:15px; display:none; float:right; }
#header .phone .i{ height:110px; margin-right:5px; float:left; }
#header .phone .t{ line-height:111px; font-size:14px; color:#f63633; float:left; }
#header .phone .n{ line-height:111px; font-size:20px; color:#f63633; float:left; }

#slideBox{ width:100%; overflow:hidden; position:relative; }
#slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:0px; left:0; bottom:25px; z-index:1; }
#slideBox .hd div{ overflow:hidden; zoom:1; width:100%; text-align:center; }
#slideBox .hd div span{ margin:0 8px;  width:15px; height:15px; line-height:14px; text-align:center;  cursor:pointer; display:inline-block;background:url("../images/dian00.png") 0px 0px no-repeat; }
#slideBox .hd div span.on{ background:url("../images/dian00.png") -21px 0px no-repeat; color:#fff; }
#slideBox .bd{ position:relative; height:100%; z-index:0;  }
#slideBox .bd ul{ height:100%; width:100% !important;  }
#slideBox .bd li{ width:100% !important; zoom:1; vertical-align:middle; height:100%; position:relative; overflow:hidden; }
#slideBox .bd li .pic{ position:relative; height:100%; width:2000px; left:50%; margin-left:-1000px; text-align:center; }
#slideBox .bd img{ max-width:100%; }

#banner{ position:relative; overflow:hidden; }
#banner .prev,
#banner .next{ position:absolute; left:3.125%; top:50%; margin-top:-10px; display:block; }
#banner .next{ left:auto; right:3.125%; }
#banner .styles__arrow--12p5o{ height:20px; width:20px; color:#fff; }
#banner .bd{ position:relative; z-index:0; }
#banner .bd li{ position:relative; font-size:0; }
#banner .bd li img{ width:100%; }

#indextit{ text-align:center; padding:70px 0; }
#indextit h3{ font-size:30px; }
#indextit p{ font-size:12px; color:#a5a5a5; padding:9px 0 0; }

#gy301{ padding:80px 0 20px 0;}
#gy301 .n div{ text-align:center; font-size:30px; line-height:32px; }
#gy301 .p{ padding:30px 0; }
#gy301 .p div p{ text-align:center; font-size:14px; color:#333; line-height:35px; }
#gy301 .b{ padding:30px 0 60px; text-align:center; }
#gy301 .n , #gy301 .p , #gy301 .b{width: 96%;max-width: 1200px;margin-right: auto;margin-left: auto;}
#gy301 .i img{ width:100%; }

#indexpro{ font-size:0; background:#f4f4f4; }
#indexpro .rp{background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}
#indexpro .i1{ width:33.33%; overflow:hidden; float:left; font-size:0; background-color: #007dd4;  }
#indexpro .i2{ width:33.33%; overflow:hidden; float:left; font-size:0; background-color: #007dd4;  }
#indexpro .i3{ width:33.33%; overflow:hidden; float:left; font-size:0; background-color: #f2f2f3; }
#indexpro .i4{ width:66.66%; overflow:hidden; float:left; font-size:0; background-color: #696969;  }

#indexpro .i1 img,
#indexpro .i2 img,
#indexpro .i3 img,
#indexpro .i4 img{ max-width:100%; max-height:100%; }
#indexpro .w{ height:100%; }
#indexpro .table1{ position:absolute; top:50%; left:10%;  vertical-align:middle; }
#indexpro .table{ position:absolute; top:0; right:4%;  vertical-align:middle; }
#indexpro .t1{ font-size:24px; color:#fff; }
#indexpro .t2{ font-size:14px; color:#fff; padding:30px 0;  line-height:32px;}
#indexpro .i1 .w{ width:100%; margin-left:0%; }
#indexpro .i2 .w{ width:51%;  }
#indexpro .i3 .w{ width:51%;  }
#indexpro .i3 .t1{ color:#333; }
#indexpro .i3 .t2{ color:#666; }
#indexpro .i4 .w{ width:50%; }
#indexpro .i4 .table{ width:42%; }
#indexpro .i4 .t{ width:100%; text-align:left; padding-left:5%; }

#indexbusiness{ max-width:1200px; margin:0 auto; text-align:center; font-size:0; }
#indexbusiness .item{ width:20%; text-align:center; display:inline-block; padding:0 0 50px; vertical-align: top; }
#indexbusiness .item img{ max-width:55%; }
#indexbusiness .item .i2{ display:none; }
#indexbusiness .item .cn{ font-size:16px; color:#353535; padding:20px 0 5px; }
#indexbusiness .item .en{ font-size:10px; color:#a5a5a5; }

#indexinfo{ max-width:1240px; padding:0 50px; margin:0 auto; position:relative; overflow:hidden; }
#indexinfo .hd{   }
#indexinfo .hd .prev,
#indexinfo .hd .next{ display:block; width:41px; position:absolute; top:30%; overflow:hidden; left:0; cursor:pointer; }
#indexinfo .hd .next{ left:auto; right:0; }
#indexinfo .bd ul{ overflow:hidden; zoom:1; }
#indexinfo .btn{ padding:50px 0; text-align:center; }

#indexcontact{ position:relative; overflow:hidden; }
#indexcontact .map{ position:absolute; left:50%;margin-left:-1500px;top:0;bottom:0; width:3000px; text-align:center; }
#indexcontact .map img{ min-height:100%; }
#indexcontact .txt{ position:relative; max-width:500px; margin:60px auto 0 auto; padding:20px 0; z-index:1; }
#indexcontact .txt .bg{ position:absolute; background:#fff; left:0;right:0;top:0;bottom:0; opacity:0.8;filter:alpha(opacity=80); }
#indexcontact .txt .cn{ position:relative; z-index:2; text-align:center; }
#indexcontact .txt .cn .t{ text-align:center; padding:30px 0 10px 0; }
#indexcontact .txt .cn .t h3{ font-size:30px; }
#indexcontact .txt .cn .t p{ font-size:12px; color:#a5a5a5; padding:9px 0 0; }
#indexcontact .txt .cn .n{ text-align:center; padding:20px 0; }
#indexcontact .txt .cn .n div{ font-size:20px; color:#353535; }
#indexcontact .txt .cn .n s{ width:20px; height:1px; display:block; margin:15px auto; background:#333; }
#indexcontact .txt .cn .n span{ font-size:18px; color:#f63633; display:block; margin:18px 0; }
#indexcontact .txt .cn .n p{ font-size:16px; color:#000; line-height:26px; padding-top:20px; }
#indexcontact .txt .cn .n p a{ font-size:16px; color:#000; }
#indexcontact .txt .cn .n p a:hover{ text-decoration:underline; }

#keyword{ padding:30px 3% 0; font-size:16px; }
#keyword span{ color:#f63633; font-size:16px; }
#keyword font{ color:#C00; font-size:16px; }

#product{ max-width:1200px; margin:0 auto; padding:30px 3%; }
#product .item{ width:48.3%; margin-bottom:60px; background:#f6f6f6; border:1px solid #ccc; padding-bottom:30px;}
#product .item .img{ width:100%; height:350px;  background:#fff; float:left; display:block; }
#product .item .img img{ max-width:100%; max-height:100%; }
#product .item .txt{ width:92%; margin-left:4%; float:left; }
#product .item .txt .n{ padding:30px 0 20px; }
#product .item .txt .n a{ font-size:20px; font-weight:900; }
#product .item .txt .p{ font-size:14px; color:#757575; line-height:24px; min-height:100px; overflow:hidden; }
#product .item .txt .a{ font-size:14px; color:#757575; }
#product .item .txt .a span{ font-family:'宋体', Verdana, Geneva, sans-serif; }

#product .item:nth-child(2n){ float:right;}

#prodetail .Title{ height:280px; padding-top:120px; background:url('../images/pro-bg-01.jpg') top / auto 100%; }
#prodetail .Title .wrap{ max-width:1200px; margin:0 auto; }
#prodetail .Title ul{ display:table; width:100%; }
#prodetail .Title ul li{ display:table-cell; vertical-align:middle; }
#prodetail .Title .name{ width:1%; }
#prodetail .Title .name h1{ /*min-width:300px;*/ max-width:600px; font-size:30px; color:#fff; font-weight:900;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
#prodetail .Title .i i{ display:block; height:1px; background:#fff; margin:0 20px; opacity:0.2;filter:alpha(opacity=20); }
#prodetail .Title .date{ color:#fff; font-size:14px; width:1%; }
#prodetail .Title .date .btn{ height:52px; width:120px; display:block; line-height:52px; background:url('../images/25.png') no-repeat center / 100% 100%; font-size:14px; color:#f63633; padding-left:40px; text-align:center; }
#prodetail .Title .keyword{ padding:20px 0 50px; color:#fff; font-size:12px; }
#prodetail .Title .keyword a{ color:#fff; font-size:12px; }
#prodetail .Title .keyword a:hover{ text-decoration:underline; }
#prodetail .Content{ max-width:1080px; margin:-60px auto 60px; padding:60px; }
#prodetail .Content .conbox{ padding:40px 0 20px; }
#prodetail .prevnextbox{ height:0; max-width:1200px; margin:0 auto; }
#prodetail .prevnext{ float:right; margin:-102px 0 auto auto; height:40px; }
#prodetail .prevnext .p{ height:40px; padding:0 20px; border-radius:4px 0 0 0; background:#fff; font-size:14px; float:left; line-height:40px; display:block; }
#prodetail .prevnext .c{ height:40px; padding:0 20px; background:#fff; font-size:0; float:left; margin:0 2px; display:block; }
#prodetail .prevnext .n{ height:40px; padding:0 20px; border-radius:0 4px 0 0; background:#fff; font-size:14px; float:left; line-height:40px; display:block; }
#prodetail .fenxiang{ text-align:center; }
#prodetail .fenxiang .bdsharebuttonbox-span{ display:inline-block; height:30px; line-height:30px; padding-top:50px; }
#prodetail .fenxiang .bdsharebuttonbox-span .fl{ color:#f63633; }
					 .bdshare-button-style0-16 .bds_more{ margin-right:0 !important; }
#prodetail .fenxiang .totop{ padding:0 30px; height:48px; line-height:48px; margin:20px auto 30px; display:inline-block; border:1px solid #f3f3f3; border-radius:28px; background:#f5f5f5; }
#prodetail .fenxiang .totop span{ display:block; float:right; font-size:20px; height:10px; overflow:hidden; margin:17px 0 0 5px; line-height:20px; }
#prodetail .run{ overflow:hidden; position:relative; }
#prodetail .run .hd{ width:20%; float:right; }
#prodetail .run .hd ul li{ border:5px solid #ccc; height:140px; position:relative; margin-bottom:16px; font-size:0; }
#prodetail .run .hd ul li img{ max-width:100%; max-height:100%; }
#prodetail .run .hd ul li.on:after{ display:block; content:''; width:0; height:0; border-top:8px solid transparent; border-right:10px solid #ccc; border-bottom:8px solid transparent; position:absolute; top:50%; margin-top:-5px; left:-14px; }
#prodetail .run .bd{ position:relative; width:75%; z-index:0; border:1px solid #ddd; float:left; }
#prodetail .run .bd li{ height:630px; font-size:0; }
#prodetail .run .bd img{ max-height:100%; max-width:100%; }
#prodetail .run .prev,
#prodetail .run .next{ width:10%; height:74px; border:1px solid #ccc; bottom:0; right:0; background:#fff; font-size:0; display:block; z-index:4; position:absolute; cursor:pointer; }
#prodetail .run .prev{ right:10%; margin-right:1px; }

.ui-navigator-wrapper{ width:100% !important; font-size:0; background:#f6f6f6; overflow:hidden; }
#sideNav{ font-size:0; text-align:center; height:72px; overflow:hidden; margin:0 auto; display:table; width:auto !important; }
#sideNav .a1{ width:600px; padding:13px 0; line-height:46px; /*height:46px;*/ margin-top:-1px; display:inline-block; }
#sideNav .a1 a{ height:100%; display:block; color:#555; font-size:14px; padding:0 15px; }
#sideNav .a1 a:hover{ background:#007dd4; color:#fff;}
#sideNav .a1.lbor a{ border-left:none; }
#sideNav .a1.on{ background:#f63633; }
#sideNav .a1.on a{ color:#fff; font-weight:900; border-left:none; }
#sideNav .table{ display:table; margin:0 auto; }
#sideNav .tr{ display:table-cell; }
#sideNav .a1{ display:table-cell; white-space:nowrap; }

#business{ max-width:1300px; margin:0 auto; padding:60px 3%; }
#business .item{ background:#f6f6f6; margin-bottom:60px; }
#business .item .img{ width:50%; height:360px; overflow:hidden; font-size:0; }
#business .item .img img{ height:100%; }
#business .item .txt{ width:44%; margin:30px auto auto 3%; }
#business .item .txt .n a{ font-size:20px; }
#business .item .txt .p{ color:#333; font-size:14px; line-height:30px; padding:20px 0 0; height:150px; overflow:hidden; margin-bottom:36px; }
#business .item .txt .a{ height:50px; line-height:50px; padding:0 45px; border-radius:25px; color:#fff; font-size:14px; background:#007dd4; float:right; }

#businessdetail{ padding:60px 3%; max-width:1200px; margin:0 auto; }
#businessdetail .title{ font-size:28px; text-align:center; }
#businessdetail .bnav{ font-size:14px; color:#888; text-align:center; padding:20px 0 30px 0; }
#businessdetail .bnav a,
#businessdetail .bnav span{ font-size:14px; color:#888; }
#businessdetail .bor-line{ padding:30px 0 0; }
#businessdetail .bor-line img{ max-height:1px; }
#businessdetail .proname{ text-align:center; padding:30px 0; }
#businessdetail .proname .p{ text-align:center; padding:0 0 30px; color:#f63633; font-size:16px; }
#businessdetail .proname .b{ padding:0 36px; color:#f63633; border:1px solid #f63633; height:52px; line-height:52px; border-radius:30px; font-size:14px; display:inline-block; }

#contact{ padding:60px 3%; max-width:1200px; margin:0 auto; }
#contact .title-cn{ font-size:26px; text-align:center; font-weight:900;  line-height:70px;}
#contact .title-en{ font-size:12px; text-align:center; color:#777777; }
#contact .li{ width:25%; margin:60px 0; float:left; text-align:center; }
#contact .li .txt{ margin:30px 0 0; font-size:14px; color:#000; }
#contact .li .txt a{ font-size:14px; color:#000; }
#contact .li2{ margin-left:12.5%; margin-right:12.5%; }
#contact .map{ height:360px; background:#ccc; }
#contact .feedback .tit{ font-size:20px; padding:60px 0 14px; text-align:center; }
#contact .feedback .p{ font-size:14px; color:#777; padding-bottom:40px; text-align:center; }
#contact .feedback .redtip{ color:#f00; font-size:14px; padding-bottom:10px; }
#contact .feedback .i{ width:32%; height:46px; margin-left:2%; }
#contact .feedback .i div{ border:1px solid #ccc; height:100%; padding:2px 10px; }
#contact .feedback .i.lmar{ margin-left:0px; }
#contact .feedback .i input{ height:46px; line-height:46px; width:100%; border:none; outline:none; background:none; font-size:14px; }
#contact .feedback .t{ padding:5px 10px; margin-top:30px; border:1px solid #ccc;  margin-bottom:20px;}
#contact .feedback .t textarea{ height:270px; line-height:24px; width:100%; max-width:100%; border:none; outline:none; background:none; font-size:14px; }
#contact .feedback .btn{ font-size:14px; width:160px; height:54px; line-height:54px; color:#fff; display:block; margin:30px auto 60px; background:#007dd4; border-radius:27px; text-align:center; cursor:pointer; border:none;}
#contact .feedback .btn span{ font-family:'宋体'; padding-left:8px; }

#article{ padding:60px 3%; max-width:1200px; margin:0 auto; }

#about{ padding:40px 3%; max-width:1200px; margin:0 auto; }
#about .brief{ padding:0 0 30px; text-indent:2rem; }
#about .brief .t{ font-size:16px; color:#f63633; line-height:30px; }
#about .brief .t *{ font-size:16px !important; color:#f63633 !important; }
#about .brief .i{ float:right; margin-left:3%; }
#about .conbox{  }
#about .bor-line{ padding:30px 0; }

#info{ max-width:1200px; margin:0 auto; padding:60px 3%; }
#info.pad1{ padding-top:0; padding-bottom:0; }
#info .item{ width:48.3%; margin-bottom:50px; overflow:hidden; margin-right:1.7%; }
#info .item:nth-child(2n){ float:right;}
#info .item .img{ padding-bottom:30px; }
#info .item .img img{ width:100%; }
#info .item .box{  }
#info .item .data{ padding-right:6%; float:right; }
#info .item .data .d{ font-size:26px; color:#656565; }
#info .item .data .y{ font-size:14px; padding-left:1px; font-weight:normal;}
#info .item .text{ width:100%;  float:left;  }
#info .item .text .n{ font-size:14px; font-weight:900; }
#info .item .text .p{ font-size:14px; color:#656565; min-height:56px; padding:9px 0 18px; line-height:30px; }
#info .item .text .n a{ font-size:17px; font-weight:normal;} 
#info .item .text .b{   border:1px #eee solid; background:#007dd4; }
#info .item .text .b a{ line-height:45px; color:#fff; font-size:15px; display:block; text-align:center;}
#technology{ padding:60px 2%; max-width:1600px; text-align:center; font-size:0; }
#technology .item{ width:25%; float:left; overflow:hidden; position:relative; }
#technology .item.w{ width:50%; }
#technology .item .box{ margin:0 20px 40px; background:#f4f4f4; overflow:hidden; }
#technology .item .img{ background:#e9e9e9; height:400px; text-align:center; position:relative; width:1000px; margin-left:-500px; left:50%; }
#technology .item .img img{ height:100%; }
#technology .item.h .img{ width:auto; height:auto; margin-left:0; left:0; }
#technology .item.h .img img{ width:100%; }
#technology .item .txt{ padding:22px 30px; text-align:left; }
#technology .item .txt .n a{ font-size:16px; }
#technology .item .txt .p{ font-size:14px; color:#666; }

#footer{ background:#007dd4; padding:0 3%;  overflow:hidden;}
#footer .links{ max-width:1200px; margin:0 auto; padding:30px 0 0 0; background:url(../picture/ifootline.jpg) repeat-x 20px 80px; height:70px;}
#footer .linksbox{ width:100%; display:table; }
#footer .links .box{ display:table-cell; line-height:28px; }
#footer .links .box .td1{ display:table-cell; width:1%; white-space:nowrap; vertical-align:top; color:#fff; font-size:14px; }
#footer .links .box .td2{ display:table-cell; }
#footer .links .box .td2 a{ color:#fff; font-size:14px; display:inline-block; }
#footer .links .box .td2 a:hover{ text-decoration:underline; }
#footer .links .box .td2 span{ color:#656565; font-size:14px; display:inline-block; margin:0 6px; }
#footer .nav{ max-width:1200px; width:100%; margin:0 auto; display:table; }
#footer .nav .li{ padding:20px 0 30px 0; display:table-cell; white-space:nowrap; }
#footer .nav .li .a1{ font-size:18px; color:#fff; margin-bottom:20px; display:block; }
#footer .nav .li .a2{ font-size:12px; color:#fff; line-height:30px; display:block; }
#footer .nav .li .a2:hover{ text-decoration:underline; }
#footer .nav .w1{ width:18%; }
#footer .nav .w2{ width:18%; }
#footer .nav .w3{ width:18%; }
#footer .nav .w4{ width:18%; }
#footer .nav .w5{ width:18%; }
#footer .nav .w6{ width:10%; }

#copyright{ background:#f6f6f6; padding:20px 0; text-align:center; color:#656565; font-size:14px; line-height:40px; }
#copyright a{ color:#656565; font-size:14px; }

#tip .bg1{ position:fixed; background:#333; left:0; right:0; top:0; bottom:0; opacity:0.5;filter:alpha(opacity=50); z-index:888; }
#tip .bd1{ width:1240px; background:#fff; position:fixed; left:50%; margin-left:-620px; top:10%; bottom:10%; z-index:889; overflow:auto; }
#tip .bd1 .close{ position:absolute; height:37px; width:37px; cursor:pointer; display:block; top:22px; right:22px; background:url('../images/10.png') center no-repeat; }
#tip .bd2{ width:1230px; background:#fff; position:fixed; left:50%; margin-left:-620px; top:6%; bottom:10%; z-index:889; border:5px solid #555; }
#tip .bd2 iframe{ height:100%; width:100%; }
#tip .bd2 .close{ position:absolute; height:37px; width:37px; cursor:pointer; display:block; top:22px; right:22px; background:url('../images/10.png') center no-repeat #fff; z-index:9999999; }
#tip .bd3{ width:260px; height:110px; padding:20px; background:#fff; position:fixed; left:50%; margin-left:-153px; top:40%; margin-top:-100px; z-index:889; border:3px solid #555; border-radius:3px; font-size:13px; }

#alert1{ min-width:120px; background:#0bad41; padding:10px; position:absolute; border-radius:3px; text-align:left; left:100%; margin-left:12px; top:1px; color:#fff; font-size:12px; line-height:18px; }
#alert1 i{ height:0; width:0; border-width:4px 7px 4px 0; border-color:transparent #0bad41 transparent transparent; border-style:solid; display:block; position:absolute; top:5px; left:-7px; }
/*#alert1 s{ display:block; height:10px; width:10px; text-align:center; line-height:10px; background:#fff; border-radius:3px; position:absolute; top:1px; right:1px; text-decoration:none; cursor:pointer; color:#666; }
#alert1 s:before{ content:'x'; }*/

/************************/
.list019{line-height:40px;text-align:right; padding:0 50px; }
.list020{ margin:5px 0; padding:0px 50px; line-height:30px;}
.list020 h2{  background:url(../images/linebg-02.png) center repeat-x; border-left:5px solid #f31e73; }
.list020 h2 b{ color:#f31e73; font-size:17px; background:#fff; font-weight:100; padding:0 20px; display:inline-block; line-height:24px; min-width:60px; }
.list020 h3{ padding-top:10px; border-top:1px solid #ccc; height:30px; }
.list020 h3 a{ color:#52b3a2; font-size:16px; }
.list020 a{ color:#333; margin-left:27px; margin-right:20px; display:inline-block; float:left; font-size:14px; line-height:36px; }
.list020 a:hover{}
.abc h2{padding:5px 20px;}
/************************/

.Box {position: relative; padding-bottom:70px;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;padding-top: 70px; padding-bottom:50px;font-size:30px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 70px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 171px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 171px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #0082df;}


.preNext{ padding:20px 0px;}


#nav-smartSetup{ background:#f7f7f7; width:100%;}


.container{ width:1200px; margin:0 auto;}
.about-box {overflow:hidden;width:100%;height:900px; background:url(../images/about_bg.jpg) no-repeat center top; }
.about-box h3{ font-size:18px; font-weight:normal; margin-bottom:15px;}
.about-box h3 a{ color:#555}
.about-box .abox01{ overflow:hidden; width:270px; height:360px; padding:20px; background-color:#fff; float:left;}
.about-box .abox01 img{ display:block; margin-bottom:15px;}
.about-box .abox01 p{ overflow:hidden; font-size:13px; color:#777; line-height:23px; height:90px; padding-bottom:6px; margin-bottom:15px; text-align:justify;}
.about-box .abox01>img{ float:right}
.about-box .abox01 .more{ display:block; width:120px; height:34px; text-align:center; line-height:34px; font-size:12px; color:#999; text-decoration:none; border:1px solid #cecece; border-radius:5px;}
.about-box .abox02 { overflow:hidden; width:520px; padding:20px; height:360px; background-color:#fff; margin:0 10px; float:left;}
.about-box .abox02 img{ display:block; margin-bottom:16px;}
.about-box .abox02 p{ font-size:13px; color:#777; line-height:20px; height:40px; margin-bottom:20px; overflow:hidden}
.about-box .abox02 .more{ display:block; width:120px; height:34px; text-align:center; line-height:34px; font-size:12px; color:#999; text-decoration:none; border:1px solid #cecece; border-radius:5px;}
.about-box .abox03{ overflow:hidden; width:310px; height:400px; background:url(../images/about05.jpg) no-repeat center top; float:left;}
.about-box .abox03 h4{ font-size:18px; font-weight:normal; margin-bottom:15px; margin-left:20px;}
.about-box .abox03 h4 a{ color:#fff;}
.about-box .abox03 img{ display:block; margin-bottom:20px;}
.about-box .abox03 p{ font-size:13px; color:#fff; margin:0 auto; width:270px; height:62px; line-height:24px; margin-bottom:25px;}
.about-box .abox03 .more{ display:block; width:120px; height:34px; text-align:center; line-height:34px; font-size:12px; color:#91afe8; margin-left:20px; text-decoration:none; border:1px solid #91afe8; border-radius:5px;}
.about-box .abox04{ width:310px; margin-right:10px;}
.about-box .abox05{ width:310px; margin-right:10px;}
.about-box .abox06,.about-box .abox07{ width:280px;}
.about-box .alist{ overflow:hidden; position:relative; background-color:#fff; float:left; height:200px;}
.about-box .alist:hover{ background-color:#007dd4;}
.about-box .alist a{ display:block; position:relative; z-index:2; width:100%; height:100%; overflow:hidden; text-align:center; font-size:18px; color:#555; text-decoration:none;}
.about-box .alist i{ display:block; width:70px; height:50px; position:relative; overflow:hidden; margin:0 auto; margin-top:55px; margin-bottom:15px;}
.about-box .alist b{ display:block; width:100%; height:0; background-color:#1144a3; position:absolute; left:0; bottom:0; z-index:1}
.about-box .alist span{ display:block; width:1px; height:86px; background-color:#e0e0e0; position:absolute; right:0; top:57px;}
.about-box .alist:hover a{ color:#fff}

.about-box .abox04 i{ background:url(../picture/about-icon01.png) no-repeat 0 top; }
.about-box .abox05 i{ background:url(../picture/about-icon02.png) no-repeat 0 top; }
.about-box .abox06 i{ background:url(../picture/about-icon03.png) no-repeat 0 top; }
.about-box .abox07 i{ background:url(../picture/about-icon04.png) no-repeat 0 top; }


.about-box .alist:hover i{ background-position:0 bottom;}

.title02 { overflow:hidden; margin:40px 0;}
.title02 h2{ font-weight:normal; font-size:34px; color:#fff;}
.title02 p{ font-size:14px; color:#cedffe; margin:10px 0 15px 0;}
.title02 i{ display:block; width:30px; height:1px; background-color:#f63633;}


.nytitle{ position:relative; height:70px; width:1200px; margin:0 auto;}
.catname{ position:absolute; z-index:99; right:0; top:-115px; width:330px; height:95px; padding:25px 20px 0 0; text-align:right; background:url(../images/catnamebg.png) left top no-repeat;}
.catname h3{ text-transform:uppercase; color:#fff; font-family:Impact; font-size:36px; font-weight:normal; margin-bottom:10px;}
.catname span{ font-size:18px; color:#fff; font-weight:normal;}
.loc{ line-height:40px; color:#666; font-size:12px}
.loc a{ line-height:40px; color:#666; font-size:12px}
.catclass{ width:100%; height:40px; border-bottom:1px #aaa solid; margin-bottom:35px;}
.catclass li{ float:left; width:130px; height:40px; line-height:40px; text-align:center; background:#666; margin-right:1px;}
.catclass li a{ display:block;  height:40px; line-height:40px; text-align:center; color:#fff;}
.catclass li:hover{ background:#007dd4}


.title { overflow:hidden; width:100%; margin-bottom:40px;}
.title h2{ text-align:center; font-weight:normal; font-size:36px; color:#333}
.title h2 a{ color:#333;}
.title em{ display:block; text-align:center; font-size:12px; color:#999; font-family:Arial; margin-bottom:10px; text-transform:uppercase}
.title i{ display:block; margin:0 auto; width:30px; height:1px; background-color:#003c98;}

.pageBox{ padding-top:50px;}

.cl-list { overflow:hidden; width:100%; border-top:1px solid #e8e8e8; height:230px;}
.cl-list img{ display:block; margin-top:65px; margin-bottom:10px;}
.cl-list h3{ font-weight:normal; font-size:22px; color:#555;}
.cl-list p{ font-size:14px; color:#777; margin-top:10px;}
.cl-list ul{ overflow:hidden; width:1200px; margin:0 auto;}
.cl-list li{ display:block; width:259px; height:230px; border-left:1px solid #e8e8e8; padding-left:40px; text-align:left; float:left;}
.cl-list .lifa{ background-color:#fafafa}
.cl-list .last{ border-right:1px solid #e8e8e8; width:258px;}
.cl-list .lilen{ width:558px;}


.cl-jiegou { overflow:hidden; width:100%; height:740px; background:url(../images/cl_bg.jpg) no-repeat center top;}
.cl-jiegou ul{ overflow:hidden; width:1220px; margin:0 auto; margin-top:50px;}
.cl-jiegou li{ overflow:hidden; float:left; padding:35px; width:520px; height:230px; margin:10px; overflow:hidden; position:relative}
.cl-jiegou .li01{ background:url(../images/cl-01.jpg) no-repeat center;}
.cl-jiegou .li02{ background:url(../images/cl-02.jpg) no-repeat center;}
.cl-jiegou .li03{ background:url(../images/cl-03.jpg) no-repeat center;}
.cl-jiegou .li04{ background:url(../images/cl-04.jpg) no-repeat center;}
.cl-jiegou h3{ font-weight:normal; font-size:24px; color:#fff; margin-bottom:5px; position:relative; z-index:1}
.cl-jiegou em{ display:none; font-size:12px; color:#555; font-family:Arial; text-transform:uppercase; position:relative; z-index:1}
.cl-jiegou i{ display:none; width:30px; height:1px; background-color:#1144a3; margin:20px 0; position:relative; z-index:1}
.cl-jiegou p{ display:none; font-size:14px; color:#555; line-height:25px; text-align:justify; position:relative; z-index:1}
.cl-jiegou b{ display:none; width:590px; height:300px; background-color:#fff; opacity:0.9; position:absolute; left:0; top:0}
.cl-jiegou li:hover h3 { color:#333}
.cl-jiegou li:hover em,.cl-jiegou li:hover i,.cl-jiegou li:hover p,.cl-jiegou li:hover b{ display:block}



#header .search form .button{
	border: 0;
	background: url(../picture/01.png) center top no-repeat;
	width: 37px;
	height: 37px;
	float: left;
	overflow: hidden;
	cursor: pointer;
	margin:4px 0px;
	}
	
.phonefooternav{ position:fixed; bottom:0px; z-index:9999999; width:100%;}
.phonefooternav ul li{width: 24%;background: #494949;float: left;border-right: 1px solid #fff;list-style: none;}
.phonefooternav ul li a{display: block;color: #fff;text-align: center;}
.phonefooternav ul li a:hover{text-decoration: initial;}
.phonefooternav ul li a i{display: block;font-size: 20px;padding: 10px 0;}
.visible-xs{ display:none;}
	

/*************************/
#TOTOP{height:50px;width:50px;background:#007dd4;border-radius:50%;line-height:50px;text-align:center;position:fixed;bottom:20px;right:20px;cursor:pointer;z-index:799; color:#Fff}
/*************************/


@media screen and (orientation:landscape){

}
/* 竖屏 */
@media screen and (orientation:portrait){

}
@media screen and (min-width:1680px){	
	#header .phone{ display:block; position:static; }
		#info .item{ height:391px;}
}

@media screen and (max-width:1679px){
	#header .phone{ display:block; position:absolute; right:1%; top:0; z-index:1; }
	#header .phone .i{ height:40px; }
	#header .phone .t{ line-height:41px; }
	#header .phone .n{ line-height:41px; }
	
	#indexpro .t1{ font-size:20px; }
	#indexpro .t2{ font-size:12px; padding:26px 0; }
	#indexpro .t3 img{ width:120px; }
}

@media screen and (max-width:1500px){
	#technology .item .box{ margin:0 10px 20px; }
}

@media screen and (max-width:1350px){
	
}

@media screen and (max-width:1310px){
	#header .phone{ display:none; }	
	#header .logo{ width:100%; text-align:center; }
	#header .search{ height:40px; padding-bottom:15px; }
	#header .nav{ height:40px; float:left; padding-bottom:15px; }
	#header .nav .li .a1{ line-height:40px; }
	#header .nav .li.first{ margin-left:0; }
	
	#technology .item{ width:33.3%; }
	#technology .item.w{ width:66.6%; }
	#technology .item .txt{ padding:18px 24px; }
}

@media screen and (max-width:1200px){
	.hide-1200{ display:none; }
	.show-1200{ display:inherit; }
	
	#info .item .data .d{ font-size:23px; }
	
	#product .item .img{ width:50%; }
	#product .item .txt{ width:42%; }
	
	#prodetail .Title .wrap{ padding:0 3%; }
	#prodetail .Title{ text-align:center; }
	#prodetail .Title ul,
	#prodetail .Title ul li{ display:block; white-space:normal; width:100%; }
	#prodetail .Title .name{ width:100%; }
	#prodetail .Title .name h1{ width:100%; max-width:100%; text-overflow:none;white-space:normal; }
	#prodetail .Title .i i{ display:none; }
	#prodetail .Title .date{ padding-top:20px; width:100%; }
	#prodetail .Content{ padding:30px 3%; margin-top:0; }
	/*#prodetail .prevnextbox{ text-align:center; }*/
	#prodetail .prevnext{ margin:-42px 2px auto auto; }
	#prodetail .prevnext .n{ border-radius:0; }
}


@media screen and (max-width:1100px){
	
	#header{ width:100%;}
	#indexpro .table{ width:42%;}
	.Box .content{ width:100%; overflow:hidden;}
	#indexpro .t1{ font-size:15px;}

	
}

@media screen and (max-width:1000px){
	.show-1000{ display:block; }
	.hide-1000{ display:none; }
	
	#header{ z-index:888; }
	#header .logo{ width:auto; }
	#header .search{ height:110px; padding-bottom:0; }
	#header .menu{ float:right; margin:44px 0 0 30px; }
	#header .menu span{ width:36px; border-top:2px solid #000; display:block; }
	#header .menu span:before,
	#header .menu span:after{ height:2px; background:#000; margin-top:9px; content:''; width:100%; display:block; }
	#header .navBg{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:888; display:none; }
	#header .nav{ width:60%; position:fixed; top:0; bottom:0; left:-60%; height:auto; background:#f4f4f4; z-index:889; padding-top:50px; }
	#header .nav .li{ width:auto; height:auto; float:none; text-align:left; margin-left:0; }
	#header .nav .li .a1{ line-height:40px; padding:0 5%; }
	#header .nav .li:hover .sub{ display:none; }
	
	#info .item{ width:100%; }
	
	#product .item{ width:100%; }
	
	#contact .li{ width:32%; }
	#contact .li2{ margin-left:2%; margin-right:2%; }
}

@media screen and (max-width:980px){
	
}

@media screen and (max-width:900px){
	
}

@media screen and (max-width:768px){
	.hide-767{ display:none; }
	.show-767{ display:inherit; }
	
	.conbox{ line-height:2rem; font-size:1.2rem; }
	.conbox *{ font-size:1.2rem !important; }
	
	#header{ padding:0 3%; }
	#header .logo{ height:6rem; }
	#header .logo img{ max-height:70%; }
	#header .search{ height:6rem; position:static; }
	#header .search img{ max-height:17px; height:1.0625rem; }
	#header .search form{ left:0;right:0;width:auto; padding:1.8rem 3%; }
	#header .search form .s{ right:3%; top:1.8rem; bottom:1.8rem; }
	#header .search form .i{ width:100%; }
	#header .menu{ margin-top:2rem; margin-left:2.5rem; }
	#header .menu span{ width:3rem; }
	#header .menu span:before,
	#header .menu span:after{ margin-top:0.8rem; }
	
	#banner .prev img,
	#banner .next img{ max-height:20px; height:1.25rem; }
	
	#gy301{ padding:3rem 3% 1rem; }
	#gy301 .n{ text-align:center; }
	#gy301 .n div{ font-size:1.8rem; line-height:2rem; /*display:inline;*/ }
	#gy301 .p{ padding:1.8rem 0; }
	#gy301 .p div p{ font-size:1.2rem; line-height:1.7rem; /*display:inline;*/ }
	#gy301 .b{ padding:1rem 0 3rem; }
	#gy301 .b img{ max-height:50px; height:3.125rem; }
	#gy301 .i img{ max-height:19px; height:1.1875rem; width:auto; }
	
	#indexbusiness .item{ padding-bottom:2rem; /*width:33.3%;*/ }
	#indexbusiness .item .cn{ font-size:1rem; padding-top:1rem; }
	#indexbusiness .item .en{ font-size:0.5rem; white-space:nowrap; display:none; }
	#indexbusiness .item .i2{ display:inline-block !important; }
	#indexbusiness .item .i1{ display:none !important; }
	
	#indextit{ padding:1.8rem 0; }
	#indextit h3{ font-size:1.875rem; }
	#indextit p{ padding-top:0.5625rem; font-size:0.75rem; }
	
	#indexcontact .txt .cn .t{ padding:1.8rem 0 1.25rem; }
	#indexcontact .txt .cn .t h3{ font-size:1.875rem; }
	#indexcontact .txt .cn .t p{ padding-top:0.5625rem; font-size:1rem; }
	#indexcontact .txt .cn .n{ padding:1.25rem 0; }
	#indexcontact .txt .cn .n s{ margin:1rem auto; }
	#indexcontact .txt .cn .n div{ font-size:1.3rem; }
	#indexcontact .txt .cn .n p{ font-size:1.1rem; line-height:1.625rem; }
	#indexcontact .txt .cn .n p a{ font-size:1.1rem; }
	#indexcontact .txt .cn .n span{ font-size:1.125rem; margin:0.5625rem auto; }
	#indexcontact .map img{ height:100%; }
	
	#indexpro .t1{ font-size:1.3rem; }
	#indexpro .t2{ font-size:0.9rem; padding:1rem 0 1.2rem; }
	#indexpro .t3 img{ max-height:41px; height:2.5rem; width:auto; }
	#indexpro .i1{ width:50%; margin-left:0; }
	#indexpro .i2{ width:50%; }
	#indexpro .i3{ width:50%; }
	#indexpro .i4{ width:100%; margin-left:0; }

	#indexbusiness .item{width: 50%;}
	#indexbusiness .item .cn{font-size: .8rem;}
	
	#sideNav{ height:auto; }
	#sideNav .a1{ padding:1rem 0; line-height:2.875rem; margin-top:-1px; }
	#sideNav .a1 a{ height:100%; font-size:1.2rem; padding:0 1.2rem; }
	#sideNav .a1.on a{ font-weight:normal; }
	
	#info .item{ margin-bottom:3rem; }
	#info .item .img{ padding-bottom:1.8rem; }
	#info .item .data{ height:9.0625rem; }
	#info .item .data .d{ font-size:1.4rem; padding-top:2px; }
	#info .item .data .y{ font-size:0.75rem; 	}
	#info .item .text{ border-color:#f4f4f4; }
	#info .item .text .n{ font-weight:normal; }
	#info .item .text .n a{ font-size:1.2rem; }
	#info .item .text .p{ font-size:1rem; padding:0.5625rem 0 1rem; min-height:inherit; }
	#info .item .text .b img{ max-height:40px; height:2.5rem; }
	
	#about .brief .i{ display:block; float:none; margin-left:0; }
	#about .brief .t{ font-size:1.2rem; display:block; padding-top:1.2rem; text-indent:2rem; line-height:1.875rem; }
	
	#contact{ padding:3.5rem 0; }
	#contact .title-cn{ font-size:1.6rem; font-weight:normal; }
	#contact .title-en{ font-size:0.8rem; padding-top:4px; }
	#contact .feedback .tit{ font-size:1.6rem; padding:3.75rem 0 1rem; }
	#contact .feedback .p{ font-size:1.2rem; padding-bottom:2.5rem; }
	#contact .feedback .redtip{ font-size:1.2rem; padding-bottom:0.8rem; }
	#contact .li{ margin:2rem 0 2rem; width:33%; }
	#contact .li .txt{ font-size:0.85rem; margin:1.5rem 5px; }
	#contact .li .txt a{ font-size:0.85rem }
	#contact .li img{ max-height:100px; height:6.25rem; }
	#contact .li2{ margin-left:0.5%; margin-right:0.5%; }
	#contact .map{ height:34rem; }
	#contact .feedback{ margin:0 3%; }
	#contact .feedback .btn{ font-size:1.2rem; width:10rem; height:3.375rem; line-height:3.375rem; margin:1.8rem auto 3.75rem; border-radius:1.6875rem; }
	#contact .feedback .btn span{ padding-left:0.5rem; }
	
	#business{ padding:3.5rem 3%; }
	#business .item{ margin-bottom:3.5rem; }
	#business .item .img{ width:100%; height:auto; }
	#business .item .img img{ width:100%; }
	#business .item .txt{ width:94%; margin:1.8rem 3%; }
	#business .item .txt .n a{ font-size:1.6rem; }
	#business .item .txt .p{ height:auto; font-size:1.2rem; line-height:1.8rem; padding-top:1.25rem; margin-bottom:2rem; }
	#business .item .txt .a{ height:3.125rem; line-height:3.125rem; padding:0 2.8125rem; border-radius:1.5625rem; font-size:1.2rem; float:left; }
	
	#businessdetail{ padding-top:3.5rem; padding-bottom:3.5rem; }
	#businessdetail .title{ font-size:1.6rem; }
	#businessdetail .bnav{ font-size:1.2rem; padding:1rem 0 3rem; }
	#businessdetail .bnav a, #businessdetail .bnav span{ font-size:1.2rem }
	#businessdetail .proname .p{ font-size:1.6rem; padding-bottom:2rem; }
	#businessdetail .proname .b{ padding:0 2rem; height:3.25rem; line-height:3.25rem; border-radius:1.8rem; font-size:1.2rem; }
	
	#technology .item{ width:50%; }
	#technology .item.w{ width:100%; }
	#technology .item .img{ height:auto; width:auto; left:0; margin-left:0; }
	#technology .item .img img{ width:100%; }
	#technology .item .txt{ padding:1.125rem 1.5rem; }
	#technology .item .txt .n a{ font-size:1.2rem; }
	#technology .item .txt .p{ font-size:1rem; padding-top:2px; }
	
	#prodetail .Title{ height:19rem; padding-top:6rem; text-align:center; }
	#prodetail .Title .name h1{ font-size:1.6rem; font-weight:normal; }
	#prodetail .Title .date{ font-size:1.2rem; padding-top:1.25rem; width:100%; }
	#prodetail .Title .date .btn{ height:3.25rem; width:9rem;padding-left:0;/*width:7.5rem;padding-left:2.5rem;*/ line-height:3.25rem; font-size:1.2rem;  margin:0 auto; background:#fff; border-radius:3rem; }
	#prodetail .Title .keyword{ padding:1.25rem 0 3.125rem; font-size:1rem; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
	#prodetail .Title .keyword a{ font-size:1rem; }
	#prodetail .Title .down{ max-height:27px; height:1.6875rem; }
	#prodetail .fenxiang .bdsharebuttonbox-span{ padding-top:1rem; }
	#prodetail .fenxiang .bdsharebuttonbox-span .fl{ font-size:1rem; }
	#prodetail .fenxiang .totop{ padding:0 3rem; height:3rem; line-height:3rem; margin:1.2rem auto 1.8rem; border-radius:1.6rem; font-size:1.2rem; }
	#prodetail .fenxiang .totop span{ display:none; }
	#prodetail .Content{ padding-top:0; padding-bottom:2rem; }
	#prodetail .Content .conbox{ padding:1.8rem 0 1.8rem; }
	#prodetail .prevnext{ position:relative; margin:-2.5rem 2px auto auto; top:-2px; height:2.5rem; }
	#prodetail .prevnext .p{ height:2.5rem; padding:0 1rem; font-size:1rem; line-height:2.7rem; }
	#prodetail .prevnext .c{ height:2.5rem; padding:0 1rem; }
	#prodetail .prevnext .c img{ max-height:13px; height:0.8125rem; }
	#prodetail .prevnext .n{ height:2.5rem; padding:0 1rem; font-size:1rem; line-height:2.7rem; }
	#prodetail .run .hd{ width:100%; float:none; padding-bottom:3rem; /*position:absolute; left:0; bottom:3rem;*/ text-align:center; }
	#prodetail .run .hd ul li{ border:none; height:1rem; width:1rem; background:#ccc; display:inline-block; margin:0 3px; border-radius:50%; }
	#prodetail .run .hd ul li img{ display:none; }
	#prodetail .run .hd ul li.on{ background:#f63633; }
	#prodetail .run .hd ul li.on:after{ display:none; }
	#prodetail .run .bd{ position:relative; width:100%; border:none; float:none; padding-top:2rem; }
	#prodetail .run .bd li{ height:39.375rem; font-size:0; }
	#prodetail .run .prev,
	#prodetail .run .next{ display:none; }
	
	#keyword{ padding:3.5rem 3% 0; font-size:1.2rem; }
	#keyword span{ font-size:1.2rem; }
	#keyword font{ font-size:1.2rem; }

	#product{ padding:3.5rem 3%; }
	#product .item{ margin-bottom:3.5rem; }
	#product .item .img{ height:21.875rem; }
	#product .item .txt .n{ padding:2rem 0 1.25rem; }
	#product .item .txt .n a{ font-size:1.8rem; font-weight:normal; }
	#product .item .txt .p{ font-size:1rem; line-height:1.6rem; min-height:13.125rem; }
	#product .item .txt .a{ font-size:1rem; }
	#product .item .txt .a span{ font-size:1rem; }
	
	#footer .links{ padding:1.25rem 0; border-color:#656565; }
	#footer .links .box .td1{ font-size:1.1rem; line-height:1.75rem; }
	#footer .links .box .td2{ font-size:1.1rem; line-height:1.75rem; }
	#footer .links .box .td2 span{ font-size:1.1rem; }
	#footer .links .box .td2 a{ font-size:1.1rem; }
	#footer .nav{ padding:10px 0; }
	#footer .nav .li{ display:block; width:100%; padding:10px 0; white-space:normal; }
	#footer .nav .li .a1{ margin-bottom:5px; font-size:1.4rem; }
	#footer .nav .li .a2{ display:inline-block; margin-right:1.625rem; font-size:1.1rem; line-height:1.875rem; }
	
	#copyright{ padding:1.6rem 0; font-size:1rem; line-height:inherit; text-align:left; padding-left:3%; }
	
	#turn_page{ padding:1.8rem 0; }
	#turn_page *{ font-size:1.1rem; margin:0 3px; height:2.6rem; width:2.6rem; line-height:2.6rem; }
	#turn_page .page_button{ padding:0 1.2rem; width:auto; display:none; }
	
}

@media screen and (max-width:639px){
	
	#header .menu{ margin-top:2.165rem; }
	#header .menu span{ border-width:1px; }
	#header .menu span:before,
	#header .menu span:after{ height:1px; }
	
	#indexcontact .txt{ max-width:100%; margin:0; padding:1.25rem 0; }	
	
	#contact .feedback .i{ width:100%; height:2.875rem; margin-left:0; margin-bottom:1.8rem; }
	#contact .feedback .i div{ padding:2px 0.7rem; }
	#contact .feedback .i input{ height:2.875rem; line-height:2.875rem; font-size:1.2rem; }
	#contact .feedback .t{ padding:5px 0.7rem; margin-top:0; }
	#contact .feedback .t textarea{ height:16.875rem; line-height:1.8rem; font-size:1.2rem; }
	#product .item .img{ width:100%;}
	#product .item .txt{ width:100%;}
	#product .item .txt .p{min-height:5rem;}
	#product .item .txt .n a{ font-size:.4rem;}
}

@media screen and (max-width:479px){
	
	#indexpro .i1{ width:100%; }
	#indexpro .i2{ width:100%; }
	#indexpro .i2 .w{ float:right; }
	#indexpro .i2 .table{ right:auto; left:4%; text-align:left; }
	#indexpro .i3{ width:100%; }
	#indexpro .i3 .w{ width:50%; }
	#indexpro .i4{ width:100%; }
	#indexpro .i4 .w{ float:inherit; width:100%; }
	#indexpro .i4 .table{ right:auto; left:4%; text-align:left; width:95%; top:50%;}
	#indexpro .i4 .t{ text-align:left; }

	#product .item .img{height:17rem;}
	#product .item .txt{ width:92%;}
	.cut{ overflow:inherit}
	.title02{ padding-left:4%;}
	.title02 h2{ font-size:18px;}
	.container{ width:100%;}
	.about-box .abox01{ width:90%;}
	.about-box .abox02{ width:90%; margin:0px; overflow:hidden;}
	.about-box .abox03{ width:100%; background:#1142a1}
	.about-box .abox03 img{ margin:0 auto;}
	.about-box .abox04{ width:48%; float:left; margin-right:1%;}
	.about-box .abox05{ width:48%; float:left;margin-right:1%;}
	.about-box .abox06{ width:48%; float:left;margin-right:1%;}
	.about-box .abox07{ width:48%; float:left;margin-right:1%;}

	.about-box{ height:inherit;}
	.cl-list{ height:inherit;}
	.cl-list ul{ width:100%;}
	.cl-list li{ width:100%; height:}
	.cl-jiegou{ height:inherit; background:none;}
	.cl-jiegou ul{ width:100%;}
	.cl-jiegou li{ width:78%;}
	.cl-list .last{ width:100%;}
	
	.catclass{ display:none;}
	.Box .Box_con .conbox ul li{ width:180px; height:108px; margin-left:10px;}
	#indexbusiness .item{ width:33%;}
	.sjzsz{ display:none;}
	#indexpro .i1{ height:450px !important;}
	#indexpro .i2{ height:250px !important; border-top:2px #fff solid; padding-top:5%;}
	#indexpro .i2 .table{ top:5%;} 

	#indexpro .i3{ height:220px !important;}
	#indexpro .i4{ height:450px !important;}
	
	#indexpro .table1{ top:55%; left:5%!important;}
	#indexpro .t1{ font-size:1.8rem;}
	#indexpro .table{ padding-top:5%; display:block;}
	.visible-xs{ display:block;}
	#footer{ display:none;}
	.phonefooternav ul li{ background:#0082df;}
	#indexcontact .txt .cn .n p{ font-size:1.6rem;}
	#indexcontact .txt .cn .n span{ font-size:1.6rem;}
	#indexcontact .txt .cn .n p a{ font-size:1.6rem;}
	#TOTOP{ bottom:10%;}
	
}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){

}
/* 打印 */
@media print{

}
/*************************/