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

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

#headerH{ height:110px; }
/*#header{ padding:0 1%; position:relative; z-index:11; background:#fff; }*/
#header{ padding:0%; position:absolute; z-index:11; width:100%; /*background: rgba(255, 255, 255, 0.7);*/}
#header .container{max-width:1280px; margin:0 auto;  padding: 0px 20px; margin-top: 0px; border-radius:0px;}
#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 10px; float:left; text-align:center; position:relative; }
#header .nav .li .a1{ line-height:110px; padding:0 10px; font-size:14px; white-space:nowrap; color:#fff; }
#header .nav .li.on .a1,
#header .nav .li:hover .a1{ color:#fff; }
#header .nav .li .sub{ position:absolute; top:100%; width:180px; left:-44px;text-align:center; border-radius: 5px; box-shadow: 0 6px 10px rgba(0,0,0,.1); opacity: 0; visibility: hidden;}
#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:#b81b22;}
#header .nav .li .sub .a2:last-child{border-bottom: 0;}
#header .nav .li:hover .sub{ opacity: 1;visibility: visible;top: 90%; }
#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:35px; display:none; float:right; }
#header .phone .i{ height:110px; margin-right:5px; float:left; }
#header .phone .t{ line-height:111px; font-size:14px; color:#b81b22; float:left; }
#header .phone .n{ line-height:111px; font-size:20px; color:#b81b22; float:left; }

#header.fixed{position:fixed; z-index: 999; width:100%; background: #fff}
#header.fixed .logo{height: 60px;}
#header.fixed .phone{margin-right:35px;}
#header.fixed .phone .i{height: 60px;}
#header.fixed .phone .t,#header.fixed .phone .n{line-height: 61px;}
#header.fixed .search{height: 60px;}
#header.fixed .nav{height: 60px;}
#header.fixed .nav .li .a1{line-height: 60px; color:#353535;}

#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:30px 0; }
#indextit h3{ font-size:30px; }
#indextit p{ font-size:12px; color:#a5a5a5; padding:9px 0 0; }

#gy301{ padding:60px 0 0px;}
#gy301 .n div{ text-align:center; font-size:20px; line-height:30px; }
#gy301 .p{ padding:30px 0; }
#gy301 .p div{     text-align: left;
    font-size: 14px;
    color: #656565;
    line-height: 26px;
    text-indent: 2em; }
#gy301 .b{ padding:0px 0 30px; text-align:center; }
#gy301 .b a{display: block; height:36px; width:120px; text-align: center; line-height:36px; border-radius:18px; border:1px solid #ccc; margin:0 auto;}
#gy301 .b a:hover{background: #3076ab; border:1px solid #3076ab; color:#fff;}
#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: #3076ab; /*background:url('/images/21.png') center / 100% 100%; margin-left:0.01%;*/ }
#indexpro .i2{ width:33.33%; overflow:hidden; float:left; font-size:0; background-color: #4c8eae; /*background:#1394eb;*/ }
#indexpro .i3{ width:33.33%; overflow:hidden; float:left; font-size:0; background-color: #e6e3e4;/*background:#f4f4f4;*/ }
#indexpro .i4{ width:66.66%; overflow:hidden; float:left; font-size:0; background-color: #bad9e8; /*background:url('/images/24.jpg') center / 100% 100%;*/ }
#indexpro .i1 img,
#indexpro .i2 img,
#indexpro .i3 img,
#indexpro .i4 img{ max-width:100%; max-height:100%; }
#indexpro .i1 img{vertical-align: bottom; padding-bottom:0%;}
#indexpro .w{ height:100%; }
#indexpro .table{ position:absolute; top:0; right:4%; text-align:right; vertical-align:middle; }
#indexpro .t1{ font-size:24px; color:#fff; }
#indexpro .t2{ font-size:14px; color:#fff; padding:30px 0; }
#indexpro .i1 .w{ width:60%; margin-left:5%; }
#indexpro .i2 .w{ width:45%; margin-left:5%; }
#indexpro .i3 .w{ width:45%; margin-left:5%; }
/*#indexpro .i3 .w{ width:80%; position:absolute; left:0; bottom:0; height:auto; text-align:left; }*/
#indexpro .i3 .t1{ color:#333; }
#indexpro .i3 .t2{ color:#666; }
#indexpro .i4 .w{ width:50%; }
#indexpro .i4 .table{width:50%;}
#indexpro .i4 .t{ width:100%; text-align:center; }


#indexbusiness{ max-width:1200px; margin:0 auto; text-align:center; font-size:0; }
#indexbusiness .item{ width:32%; margin-right:2%; text-align:center; display:inline-block; padding:0 0 20px; vertical-align: top; }
#indexbusiness .item:nth-child(3n){margin-right:0px;}
#indexbusiness .item img{ max-width:100%; }
#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:1200px; padding:0 50px; margin:0 auto; position:relative; overflow:hidden; }
#indexinfo .hd{   }
#indexinfo .hd .prev,
#indexinfo .hd .next{ display:block; width:20px; 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; 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; }
#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:#b81b22; display:block; margin:9px 0; }
#indexcontact .txt .cn .n p{ font-size:14px; color:#656565; line-height:26px; }
#indexcontact .txt .cn .n p a{ font-size:14px; color:#656565; }
#indexcontact .txt .cn .n p a:hover{ text-decoration:underline; }

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

#product{ max-width:1600px; margin:0 auto; padding:60px 3%; }
#product .item{ width:48.3%; margin-bottom:60px; background:#f6f6f6; }
#product .item .img{ width:58%; height:350px; border:1px solid #ccc; background:#fff; float:left; display:block; }
#product .item .img img{ max-width:100%; max-height:100%; }
#product .item .txt{ width:34%; 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:210px; overflow:hidden; }
#product .item .txt .a{ font-size:14px; color:#757575; }
#product .item .txt .a span{ font-family:'宋体', Verdana, Geneva, sans-serif; }

#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:#b81b22; 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:#b81b22; }
					 .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:185px; 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.lbor a{ border-left:none; }
#sideNav .a1.on{ background:#b81b22; }
#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:1600px; 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:#757575; 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:#b81b22; float:right; }

#businessdetail{ padding:60px 3%; max-width:1200px; margin:0 auto; }
#businessdetail .title{ font-size:20px; text-align:center; }
#businessdetail .bnav{ font-size:14px; color:#888; text-align:center; padding:10px 0 50px; }
#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:#b81b22; font-size:16px; }
#businessdetail .proname .b{ padding:0 36px; color:#b81b22; border:1px solid #b81b22; 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:18px; text-align:center; font-weight:900; }
#contact .title-en{ font-size:10px; 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:#777; }
#contact .li .txt a{ font-size:14px; color:#777; }
#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; }
#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:#b81b22; border-radius:27px; text-align:center; cursor:pointer; }
#contact .feedback .btn span{ font-family:'宋体'; padding-left:8px; }

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

#about{ padding:60px 3%; max-width:1200px; margin:0 auto; }
#about .brief{ padding:0 0 30px; text-indent:2rem; }
#about .brief .t{ font-size:16px; color:#b81b22; line-height:30px; }
#about .brief .t *{ font-size:16px !important; color:#b81b22 !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:0px; overflow:hidden; }
#info .item .img{ padding-bottom:30px; }
#info .item .img img{ width:100%; }
#info .item .box{  }
#info .item .data{ height:145px; padding-right:6%; float:left; }
#info .item .data .d{ font-size:26px; color:#656565; }
#info .item .data .y{ font-size:12px; padding-left:1px; }
#info .item .text{ width:71%; padding-left:6%; float:left; border-left:1px solid #ddd; }
#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; }
#info .item .text .b{  }

#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:#353535; padding:0 3%;  overflow:hidden;}
#footer .links{ max-width:1200px; margin:0 auto; padding:20px 0; border-bottom:1px solid #4a4a4a; }
#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:#fff; 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:60px 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:14px; color:#fff; line-height:30px; display:block; }
#footer .nav .li .a2:hover{ text-decoration:underline; }
#footer .nav .w1{ width:15%; }
#footer .nav .w2{ width:15%; }
#footer .nav .w3{ width:22%; }
#footer .nav .w4{ width:23%;  }
#footer .nav .w5{ width:25%; }

#copyright{ background:#222222; padding:20px 0; text-align:center; color:#fff; font-size:14px; line-height:40px; }
#copyright a{ color:#fff; 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;}
/************************/

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


@media screen and (orientation:landscape){

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

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

@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 .i1 img{padding-top: 0%;}
	#indexpro .t2{ font-size:12px; padding:26px 0; }
	#indexpro .t3 img{ width:120px; }
	#indexpro .i4 .m_pic img{width:360px}
	#indexpro .i4 .table .t2{max-width:420px; margin-right: 0px; float:right;}
}

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

@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){
}

@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.fixed{width:96%;  padding:0 3%;}
	#header{ padding:0 3%; }
	#header .logo,#header.fixed .logo{ height:6rem; }
	#header .logo img{ max-height:70%; }
	#header .search,#header.fixed .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; }
	#header.fixed .nav{height:auto;}
	#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.5rem; line-height:2rem; /*display:inline;*/ }
	#gy301 .p{ padding:1.8rem 0; }
	#gy301 .p div{ 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:48%; margin-right:4%;}
	#indexbusiness .item:nth-child(3n){margin-right:4%}
	#indexbusiness .item:nth-child(2n){margin-right: 0px;}
	#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:#b81b22; }
	#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.25rem; 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; }
	

	#indexpro .i1 .w{width:35%;}
}

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

@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:45%; }
	#indexpro .i4{ width:100%; }
	#indexpro .i4 .w{ float:right; }
	#indexpro .i4 .table{ right:auto; left:4%; text-align:left; }
	#indexpro .i4 .t{ text-align:left; }

}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){

}
/* 打印 */
@media print{

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



.ny_content_wrap{background: #ffffff;width:100%;}
.ny_content{width:90%;max-width:1280px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.ny_tlt1{width:100%;margin-bottom:30px;}
.ny_tlt1 p{font-size:24px;color:#515671;text-align:center;}
.ny_tlt1 span{display:block;font-size:14px;font-weight:lighter;color:#999;text-align:center;height:30px;line-height:30px;}

.ny_news_con2 .about_img{float:left;width:37%;}
.ny_news_con2 .about_img img{max-width:100%;}
.ny_news_con2 .about_wz{float:right;width:60%;font-size:13px;line-height:30px;color:#555;}
.ny_news_con2 .about_wz p{text-indent:2em;}
.ny_zycp{background:#f1f1f1; padding:20px 15px;margin-bottom:25px;}
.ny_content .content_right{float:right;width:100%;padding:1%;}
.ny_content .content_right2{float:none;width:100%;padding:0;padding-bottom:30px;}
.ny_content .content_right3{ width:78%; float:right; padding:0;}
.ny_content .content_right .bread_nav1{overflow:hidden;height:40px;line-height:40px;margin-bottom:10px;border-bottom:1px solid #dedede;padding-bottom:5px;}
.ny_content .content_right .bread_nav1 h2{width:20%;font-size:20px;color:#333;float:left;font-weight:bold;}
.ny_content .content_right .bread_nav1 .bread_nav1_right{float:right;width:78%;text-align:right;color:#777;overflow:hidden;}
.ny_content .content_right .bread_nav1 .bread_nav1_right>em{display:inline-block;width:25px;height:40px;background:url(../images/dw.png) center center no-repeat;vertical-align: top;}
.ny_content .content_right .bread_nav1 .bread_nav1_right a{color:#555;}
.ny_content .content_right .bread_nav1 .bread_nav1_right a:hover{color:#c9292b}
.ny_content .content_right .bread_nav{overflow:hidden;height:40px;line-height:40px;margin-bottom:10px;padding-bottom:5px;}
.ny_content .content_right .bread_nav .bread_nav_left{width:35%;text-align:left;color:#777;overflow:hidden;font-size:12px; float:left;}
.ny_content .content_right .bread_nav .bread_nav_left>em{display:inline-block;width:25px;height:40px;background:url(../images/dw.png) center center no-repeat;vertical-align: top;}
.ny_content .content_right .bread_nav .bread_nav_left a{color:#555;}
.ny_content .content_right .bread_nav .bread_nav_left a:hover{color:#c9292b}



#ny_cgal{ width:100%; }
#ny_cgal ul{display:block; float:left; list-style-type:none; padding:0; margin:0; width: 100%;}
#ny_cgal ul li{display:block; float:left; padding:0; margin:0;width:32%;margin-right:2%; margin-bottom:30px;background:#ffffff;border:0px solid #ffffff;border-bottom:0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height:auto;}
#ny_cgal ul li:nth-child(3n){ margin-right:0;}
#ny_cgal ul li:hover{border:0px solid #c9292b;}
#ny_cgal ul li .scroll_box{overflow:hidden;display:block; float:left; width:100%; position:relative;color:#333;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;border-radius: 0 0 4px 4px;}


#ny_cgal ul li .scroll_box img{max-width:100%;max-height: 100%;vertical-align:middle;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
#ny_cgal ul li .scroll_box .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
#ny_cgal .scroll_box .intro{width: 100%;position:absolute; left:0; z-index:10; background-color:#666; color:#ffffff;padding:0 10px 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#ny_cgal .scroll_box .intro h5{padding:0; margin-bottom:10px; font-size:16px; font-weight:bold; padding:0 15px; height:40px; width:100%; line-height:40px; border-bottom:1px solid #717070;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
#ny_cgal .scroll_box .intro h5 a{ color:#fff;}
#ny_cgal .scroll_box .intro p{font-size:13px; line-height:20px;height:0; overflow:hidden;transition-duration: .25s;;-ms-transition-duration: .25s;-moz-transition-duration: .25s;-webkit-transition-duration: .25s;}
#ny_cgal .scroll_box .intro{bottom:-25px;}
#ny_cgal .scroll_box:hover .intro{bottom:0px;background-color: #c9292b;}
#ny_cgal .scroll_box:hover  p{height:32px; }
#ny_cgal .scroll_box:hover h5{border-bottom:0px solid #f00}
#ny_cgal .scroll_box:hover img{transform: scale(1.3,1.3);}

#dituContent{min-height: 400px;}
#ny_cgal.workshop ul li{width:23%;}
#ny_cgal.workshop ul li .scroll_box{width:100%; height:187px;}
#ny_cgal.workshop ul li{height:188px;}




.app{width:100%;}
.app ul{padding:0; margin:0; width: 100%; display:flex;flex-wrap: wrap; justify-content: flex-start;}
.app ul li{width:32%; margin-bottom:30px; margin-right:2%;}
.app ul li:nth-child(3n){margin-right:0px;}
.app ul li img{max-width:100%; display:block;}
.app .scroll_box{overflow:hidden;display:block;width:100%; color:#333;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;border-radius: 0 0 0px 0px;}
.app .scroll_box:hover>a img{transform: scale(1.3,1.3);}
.app .intro{width:100%; text-align:center; background:#f3f3f3; padding:3%;box-sizing: border-box;}
.app .intro h5 {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.app .intro .text {
    display: block;
    padding: 10px 0px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.app .intro .view {
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.app ul li:hover{cursor: pointer;}
.app ul li:hover .intro{background:#335293; }
.app ul li:hover .intro h5{color:#fff;}
.app ul li:hover .intro .text{color:#fff;}
.app ul li:hover .intro .view{color:#fff; border: 1px solid rgba(255, 255, 255, 0.9);}

.ny_news_app .desc{padding:12px; background: #f2f2f2; overflow:hidden;color:#999; margin-top:0px; margin-bottom:20px; margin-top:10px;}
.ny_news_app .desc {text-align: justify; background-repeat: no-repeat; background-position: left 30px top 20px; background-color: #f8f8f8; color: rgba(0,0,0,.68); margin: 18px 0; padding: 20px 20px 20px; line-height:32px; font-size: 16px;}
.ny_news_app .desc strong {color: #335293; font-weight: bold;}





.lx_dz { width:100%; overflow:hidden; margin:50px auto 20px; padding:0;}
.lx_dz .dz_map { width:97%; height:370px; overflow:hidden; margin:0 auto; padding:1%; border:1px solid #d9d9d9;}
.lx_dz .dz_map iframe{width:100%;}
.lx_dz .dz_map iframe body{width:100%;}
.contact .tags_title span{float:left;width:auto;cursor:pointer; padding: 0 15px;}
.contact .tags_title span.ron{background:#f1f1f1;border: 1px solid #f1f1f1;border-bottom: 1px solid #DDD;color:#666;font-weight:normal;}
.contact .content2{display:none;}
.contact .clear{height: auto;}
.contact .content1{margin-top:20px;}
.contact .content1 ul li{float: left;width:30%;margin-right: 45px;}
.contact .content1 ul li:nth-child(2n){margin-right:0; width:60%;}
.contact .content1 ul li a{display:block;}
.contact .content1 ul li a em{display:block;float:left;width:60px;height:60px;border:1px solid #ddd;border-radius:50%;margin-right:15px;}
.contact .content1 ul li.lx1 em{background:url(../images/contact_tel.png) center center no-repeat;}
.contact .content1 ul li.lx2 em{background:url(../images/contact_phone.png) center center no-repeat;}
.contact .content1 ul li.lx3 em{background:url(../images/contact_address.png) center center no-repeat;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.contact .content1 ul li a .wz{float:left;width:78%;}
.contact .content1 ul li a .wz p{font-size:20px;padding-bottom:10px;}
.contact .content1 ul li a .wz span{font-size:20px;}
.lx_dz { width:100%; overflow:hidden; margin:50px auto 20px; padding:0;}
.lx_dz .dz_map { width:97%; height:370px; overflow:hidden; margin:0 auto; padding:1%; border:1px solid #d9d9d9;}
.lx_dz .dz_map iframe{width:100%;}
.lx_dz .dz_map iframe body{width:100%;}


.ny_content .content_left{float:left;width:20%;}
.ny_content .content_left .c_tlt{height:60px;line-height:60px;text-align:center;font-size:20px;font-weight:bold;background:#335293;color:#ffffff;margin-bottom:10px;}
.pro_mulu li a{display:block;height:40px;line-height:40px;text-align:left;padding:0 20px;background:#f1f1f1;color:#555;font-size:14px;margin-bottom:5px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.pro_mulu li a:hover{background-color:#335293; color:#fff;}
.pro_mulu li a.actt{background-color:#335293; color:#fff;}
.pro_mulu li.small a{padding-left: 40px;}
.pro_mulu li dl a{background:#ffffff;height:30px;line-height:30px;font-size:12px;}
.pro_mulu a.pro_more{background:#ddd;display:block;text-align:center;height:40px;line-height:40px; font-size:12px;}

.ny_products{width:100%;background:#ffffff;}
.ny_products .pro_bd ul li{float:left;width:31%;margin-right:3%;margin-bottom:30px;}
.ny_products .pro_bd ul li:nth-child(3n) {margin-right: 0px;}
.ny_products .pro_bd ul li .pro_img_box{display:block;width:100%;box-shadow: 0px 0px 72px 0px #e1dddd;-webkit-transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;}
.ny_products .pro_bd ul li .pro_img_box .pro_img{text-align:center;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.ny_products .pro_bd ul li .pro_img_box .pro_img img{vertical-align:middle;max-width:100%;max-height:100%;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.ny_products .pro_bd ul li .pro_img_box .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.ny_products .pro_bd ul li .pro_img_box p a{ display:block;height:40px;line-height:40px;font-size:14px;text-align:center;color:#333;padding:0 5px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ny_products .pro_bd ul li .pro_img_box:hover p a{background:#666;color:#ffffff;}
.ny_products .pro_bd ul li .pro_img_box:hover img{transform: scale(1.1,1.1);opacity: 0.8;}

.pro_name{font-size:24px;font-weight:normal;line-height:28px;color:#335293;margin-bottom:10px;}
.proshow{padding-top:20px;position:relative; margin-bottom: 30px;}
.proshow .js-silder{float:left;width:36%;margin-top:0 !important;border:1px solid #ddd;}
.proshow .js-silder .silder-main-img {width:100%;text-align:center;}
.proshow .js-silder .silder-main-img img {max-width:100% !important;vertical-align:middle; max-height: 100%;}
.proshow .js-silder .silder-main-img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.proshow .js-silder .silder-ctrl-prev>span, .silder-ctrl-next>span{ background:none;}
.proshow .prodesc p{font-size:14px;line-height:24px;margin-bottom:10px;}
.proshow .prodesc p.bt{font-size:20px;font-weight:bold;color:#335293;}
.proshow .prodesc{float:right;width:60%;}
.proshow .prodesc .desc{padding:12px; background: #f2f2f2; overflow:hidden;color:#999; margin-top:30px;}
.proshow .prodesc .desc span{display: block;}
.proshow .prodesc .desc p{text-indent:2em; line-height:32px; margin-bottom:0px;}
.proshow .prodesc .explan{padding:12px 24px; line-height:42px; background: #f2f2f2; overflow:hidden;color:#999; margin-top:30px;}
.proshow .prodesc .explan p{line-height:36px;}
.proshow .pro_btn{padding-top:30px;overflow:hidden;}
.proshow .pro_btn1{display:block;width:40%;margin-right:20px;height:55px;line-height:55px;text-align:center;font-size:16px;color:#fff;background:#335293;border-radius:2px;float:left;border:1px solid #fff;}
.proshow .pro_btn2{display:block;width:40%;margin-right:0;height:55px;line-height:55px;text-align:center;font-size:16px;background:#7b7b7b;color:#fff;border-radius:2px;float:left;border:1px solid #fff;}
.proshow .pro_btn1:hover{background:#fff;border:1px solid #335293;color:#335293;}
.proshow .pro_btn2:hover{background:#fff;border:1px solid #7b7b7b;color:#7b7b7b;}

.prodetail_box{margin-top: 30px;}
.prodetail_con{float:right;width:78.2%; margin-top: 0px;}
.tags_title{border-bottom:1px solid #335293;margin:0px;}
.tags_title span{width:110px;padding:0 0px;font-size:16px;text-align:center;height:45px;line-height:45px;margin-bottom: -1px;background:#335293;color:#fff;display:block;margin-left: 5px;border: 1px solid #335293;border-bottom:1px solid #335293;font-weight:bold;}
.prodetail_con .content{padding:30px 0; line-height:24px; font-size: 14px;}
.prodetail_con .content img{max-width:100%;height:auto !important;}

.procontact{width:100%;}
.procontact img{display:block; margin-bottom: 10px; max-width: 100%; margin:0px auto 10px;}
.procontact span{display: block; font-size: 13px; line-height: 28px; border-bottom: 1px dotted #ccc;}

.content_left{float:left;width:20%;}
.content_left .c_tlt{height:60px;line-height:60px;text-align:center;font-size:20px;font-weight:bold;background:#335293;color:#ffffff;margin-bottom:10px;}
.content_left .c_tlt em{display:none;}

.ny_news_ye{padding-top:30px;padding-bottom: 30px;}
.ny_news_ye p{height:35px;line-height:35px;background:#f1f1f1;margin-bottom:10px;padding:0 20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ny_news_ye p:hover{background: #335293; color:#fff;}
.ny_news_ye p:hover a{color:#fff;}


@media (max-width:767px) {
.ny_banner{margin-top: 0px; margin-bottom: 0px;}

#myscroll ul li .scroll_box{ height:148px;}
#myscroll .scroll_box .intro{bottom: -25px;}
#ny_cgal ul li{ width:47%; height:108px; margin-right:3%; margin-bottom:5%;}
#ny_cgal ul li:nth-child(2n){ margin-right:0 !important;}
#ny_cgal ul li:nth-child(3n){margin-right: 3%;}
#ny_cgal ul li .scroll_box{ height:108px;}
#ny_cgal .scroll_box .intro{bottom: -25px;}
#ny_cgal .scroll_box .intro h5{ font-size:12px;}

#ny_cgal.workshop ul li{width:47%;}
#ny_cgal.workshop ul li .scroll_box{width:100%; height:108px;}
#ny_cgal.workshop ul li{height:108px;}

#demo {height: 226px;}
#demo #indemo ul li .tj_pro_box .pro_img{height:120px;}
#demo #indemo ul li .tj_pro_box p{font-size:14px;}
#demo #indemo ul li .tj_pro_box span{width:88px;height:26px;}
#demo #indemo ul li .tj_pro_box span i{height:26px;}
.ny_tlt1{margin-bottom:15px;display:none;}
.ny_news_con2 .about_img{float:none;width:100%;}
.ny_news_con2 .about_wz{float:none;width:100%;padding-top:15px;}
.ny_zycp{padding:10px 15px;margin-top:15px;line-height: 22px;}
.ny_content .content_right{float:none;width:98%;padding:1%;}
.ny_content .content_right .bread_nav{overflow:visible;height:auto;line-height:24px;}
.ny_content .content_right .bread_nav h2{float:none;width:100%;}
.ny_content .content_right .bread_nav .bread_nav_left{float:none;width:100%;text-align:left;line-height:15px;padding:10px 0 7px;}
.ny_content .content_right .bread_nav .bread_nav_left>em{height:15px;}
.bread_nav_right{float:none;width:100%;text-align:left; margin-top:10px;}

.ny_content .content_left {float: none;width: 100%;}
.ny_content .content_left .c_tlt{ height:40px; line-height:40px;text-align: left; padding: 0 3%;}
.ny_content .content_right .bread_nav1{overflow:visible;height:auto;line-height:24px;}
.ny_content .content_right .bread_nav1 h2{float:none;width:100%;}
.ny_content .content_right .bread_nav1 .bread_nav1_right{float:none;width:100%;text-align:left;line-height:15px;padding:10px 0 7px;}
.ny_content .content_right .bread_nav1 .bread_nav1_right>em{height:15px;}


.ny_content .content_right2{padding-bottom:0;}
.sy_pro .pro_hd ul li a{padding: 8px 10px;}
.sy_pro .pro_bd ul li .pro_img_box .pro_img{height:180px;}
.ny_products .pro_bd ul li{width:48%;}
.ny_products .pro_bd ul li:nth-child(2n){margin-right: 0;}
.ny_products .pro_bd ul li:nth-child(3n){margin-right: 3%;}
.ny_products .pro_bd ul li:nth-child(6n){margin-right: 0;}
.ny_products .pro_hd ul li a{padding: 8px 10px;}
.ny_products .pro_bd ul li .pro_img_box .pro_img{height:220px;}
.ny_products .pro_hd ul li a{padding: 8px 10px;}
.ny_products .pro_bd ul li .pro_img_box .pro_img{height:180px;}
.new_inside ul li{padding: 12px;}
.new_inside ul li a{padding:10px;}
.new_inside ul li .news_time{top:11px;left:14px;}
.ly_msg ul li h4{display:none;}
.cpzx .ly_msg ul li div{width:100% !important;}
.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara{width:100% !important;}
.cpzx .ly_msg ul li .msg_ipt12{width:100% !important;}
.ly_msg ul li div.msg_ipt2{width:30% !important;}
.ly_msg ul li span{display:none;}
.ly_msg{margin: 0 auto 0 !important;}
.cpzx .msg_btn input{width:49%;margin-right:0;}
.cpzx .msg_btn input:first-child{margin-right:2%;}
.content_right .conn .proshow1{padding-top:20px; padding-bottom:20px;}
.content_right .conn .proshow1 .js-silder{float:none;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:20px;padding-bottom:20px;}
.content_right .conn .proshow1 .prodesc{float:none;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:15px;}
.content_right .conn .proshow1 .prodesc p.desc{}
.content_right .conn .proshow1 .pro_btn{padding-top:15px; padding-bottom:20px;}
.content_right .conn .proshow1 .pro_btn1{height:44px;line-height:44px; width:100%;}
.content_right .conn .proshow1 .pro_btn2{height:44px;line-height:44px;}
.content_right .conn .proshow1 .pro_btn2 em{display:none;}
.tags_title{margin: 20px 0 30px;}
.proshow2 .prodetail_con{width:100%;}
.proshow2{padding-top:0;}
.content_right .conn .ny_news_con .honor img{max-width:100% !important;}
.proshow1 .js-silder .silder-main-img{ height:300px;}
.ny_content .content_left .c_tlt{font-size: 16px;}
.ny_content .content_left .c_tlt em{cursor:pointer; display:block;width:30%;text-align:right;color:#ffffff;height:40px;line-height:40px;float:right;/*background:url(../images/jt.png) no-repeat right center;*/-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; font-size:12px; font-weight:normal;}
.pro_mulu{ display:none;}


.contact .content1 ul li {float: none;width: 100%;margin-right: 0;margin-bottom:20px;}
.contact .content1 ul li a .wz{width:75%;}
.contact .content1 ul li a .wz p {float:left;width:100%;line-height:26px;padding-right:10px;}
.contact .content1 ul li a .wz span {float:left;width:100%;line-height:26px;}
.contact .content1 ul li.lx3 a .wz span {float:left;line-height:30px;}
.lx_dz {margin: 20px auto 20px; }
.lx_dz .dz_map{height:270px;}

#dituContent{min-height: 300px;}

	.proshow{padding-bottom:0px;}

	.proshow .js-silder .silder-main-img img{width:100%; max-width: 100% !important;}
	.proshow{padding-top:20px; padding-bottom:0px; margin-bottom:0px;}
	.proshow .js-silder{float:none;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:20px;padding-bottom:20px;}

	.proshow .prodesc{float:none;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:15px;}
	.proshow .prodesc p.desc{height:auto; margin-top: 10px;}
	.proshow .pro_btn{padding-top:15px; padding-bottom:20px;}
	.proshow .pro_btn1{height:44px;line-height:44px; width:100%;}
	.tags_title{margin: 0px 0 20px;}
	.prodetail_con{margin-top: 20px; width:100%;}
	.prodetail_con .content{padding:0px 0px 20px;}
	.nycontent .content_left{width:100%; display:none;}
	.nycontent .content_left .c_tlt{font-size: 16px; height: 42px; line-height: 42px; text-align: left; padding-left: 20px;}
	.nycontent .content_left .c_tlt em{cursor:pointer; display:block;width:30%;text-align:right;color:#ffffff;height:40px;line-height:40px;float:right;/*background:url(../images/jt.png) no-repeat right center;*/-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; font-size:12px; font-weight:normal;}
	.pro_mulu{ display:none;}
}



.page_list{text-align: right; margin-bottom: 30px;}
.page {
    display:inline-block;
    font: 16px/28px '微软雅黑', sans-serif;
    *display:inline;
    :1;
    *zoom:1;}
.page span,.page strong {
    float:left;}
.page a,
.page span.disabled,
.page strong {
    background:#FFF;
    border:1px solid #CCC;
    color:#333;
    float:left;
    font: 16px/24px  '微软雅黑', sans-serif;
    margin-right:5px;
    min-width:15px;
    padding:4px 8px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    _width:15px;}
    .page strong{background:#c9292b; color:#fff; }
.page a:hover {
    border:1px solid #c9292b;
    color:#c9292b;
    text-decoration:none;}
.page span.disabled {
    background:#FFF;
    border:1px solid #CCC;
    color:#CCC;}
.page span.ellipsis {
    float:left;
    font: 16px/24px '微软雅黑', sans-serif;
    line-height:22x;
    margin-right:5px;}
.page .page_txt {
    line-height:20px;
    float:right;
    width:auto;}
.page a.page-curpage {
    background:#3561db;
    border:1px solid #3561db;
    color:#FFF;
    font-weight:bold;}
.page input {
    font: 14px Verdana;
    padding:0 0 0 1px;
    width:40px;
    height:14px;}


.ny_banner img{max-width: 100%}



.new_inside{width:100%; padding: 20px 0px 64px 0px;}
.new_inside ul{width:100%;padding:0;}
.new_inside ul li{background:#ffffff;display:block;padding:24px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-shadow: 0px 0px 20px 0px #eaeaea;margin-bottom:20px;position:relative;}
.new_inside ul li .news_time{position:absolute;left:24px;top:24px;width:90px;text-align:center;background:#666;padding:10px 0;overflow:hidden;border-radius:4px 0 4px 0;}
.new_inside ul li .news_time p{font-size:24px;font-weight:bold;color:#fff;}
.new_inside ul li .news_time span{font-size:14px;color:#fff;}
.new_inside ul li .news_con{padding-left:110px;}
.new_inside ul li .news_con p{font-size:15px;font-weight:bold;color:#515671;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.new_inside ul li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;height:45px;overflow:hidden;}
.new_inside ul li:hover p a{ color:#345394;}
.new_inside ul li:hover .news_time{ background:#345394;}
.new_inside ul li:hover{cursor: pointer; box-shadow: 0px 0px 20px 0px #345394}


.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }

.ny_newscontent{color:#555;font-size:14px;line-height:28px;padding-top:10px; z-index:1; position:relative; margin-bottom: 30px; width:76%; float:left;}
.ny_newscontent .ny_news_tlt{text-align:center;font-size:20px;color:#555;padding:10px 0;}
.ny_newscontent .ny_news_time{text-align:center;font-size:12px;color:#999;padding-bottom:10px;border-bottom:1px dashed #dedede;margin-bottom:10px;}
.ny_newscontent .ny_news_content{line-height: 2em; font-size: 14px;}
.ny_newscontent .ny_news_content p{text-indent: 2em;}
.nextpage{padding-top:30px;padding-bottom: 30px;}
.nextpage p{height:35px;line-height:35px;background:#f1f1f1;margin-bottom:10px;padding:0 20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.nextpage p:hover{background: #345394; color:#fff;}
.nextpage p:hover a{color:#fff;}

.ny_news_con img{max-width:100%; display: block; margin:0 auto;}
.ny_news_con p{text-indent: 2em;}

.newspage{width: 100%; padding: 0 ; margin:30px auto 0; height: 60px; line-height: 60px; position: relative;  z-index: 1;}
.newspage a{ font-size: 14px; color: #999;}
.newspage .fl{float:left;}
.newspage .fr{float:right;}
.newspage a:hover{ color: #345394;}

.newsrightlist{float:right; width:20%;}
.newsrightlist .top{ float: left; width: 100%; font-size: 24px; color: #000; font-weight: bold; background-color: #fff; padding-left: 10px; border-left: 4px solid #345394;}
.newsrightlist ul{ float: left; width: 100%; margin-top: 30px;}
.newsrightlist li{ float: left; width: 100%; margin-bottom: 20px;}
.newsrightlist li .title{ font-size: 16px; color: #333; line-height: 26px;}
.newsrightlist li .time{ font-size: 14px; color: #999; margin-top: 5px;}
.newsrightlist li:hover .title,.newsrightlist li:hover .time{ color: #004ea2;}




.h_tjcp{width:100%;padding:40px 0;}
#demo{overflow:hidden; width:100%; height:334px; margin:0 auto;padding-top:30px;}
#demo #indemo{float:left; width:800%}
#demo #demo1{float:left;}
#demo #demo2{float:left;}
#demo #indemo ul li{float:left;width:22%;margin-right:4%;}
#demo #indemo ul li .tj_pro_box{display:block;width:96%;padding:2%;border-radius: 0 0 2px 2px;background:#f1f1f1;padding-bottom:20px;position:relative;}
#demo #indemo ul li .tj_pro_box .pro_img{text-align:center;width:100%;height:222px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
#demo #indemo ul li .tj_pro_box .pro_img img{vertical-align:middle;max-width:90%;max-height:90%;}
#demo #indemo ul li .tj_pro_box .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
#demo #indemo ul li .tj_pro_box p{height:30px;line-height:30px;margin-top:10px;font-size:16px;text-align:center;color:#555;font-weight:bold;margin-bottom:10px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
#demo #indemo ul li .tj_pro_box span{margin:0 auto;display:block;width: 118px;height: 34px;border: 1px solid #dadada;display: block;text-align: center;line-height: 34px;background: none;position: relative;}
#demo #indemo ul li .tj_pro_box span:before{content: "";position: absolute;background: #385191;width: 0;height: 34px;left: 0;z-index: 0;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
#demo #indemo ul li .tj_pro_box span i{position: relative;z-index: 1;background:url(../images/pro_jt.png) center center no-repeat;display:block;width:100%;height: 34px;}
#demo #indemo ul li .l1 {position: absolute; top: 0; left: 0; width: 0; height: 2px; background: #385191;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
#demo #indemo ul li .l2 {position: absolute; top: 0; right: 0; width: 2px; height: 0; background: #385191;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
#demo #indemo ul li .l3 {position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background: #385191;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
#demo #indemo ul li .l4 {position: absolute; bottom: 0; left: 0; width: 2px; height: 0; background:#385191;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}

#demo #indemo ul li .tj_pro_box:hover  .l1{width:100%;}
#demo #indemo ul li .tj_pro_box:hover  .l2{height:100%;}
#demo #indemo ul li .tj_pro_box:hover  .l3{width:100%;}
#demo #indemo ul li .tj_pro_box:hover  .l4{height:100%;}

#demo #indemo ul li .tj_pro_box:hover span{border: 1px solid #fff;}
#demo #indemo ul li .tj_pro_box:hover span i{background:url(../images/pro_jt2.png) center center no-repeat;}
#demo #indemo ul li .tj_pro_box:hover span:before{width:100%;}


@media (max-width:767px) {
	.ny_newscontent{width:100%;}
	.newsrightlist{width:100%;}
	.contact .content1 ul li:nth-child(2n){width:100%;}
}