/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,' '; color:#333;}
a{ color:#666;}
a:hover{ color:#003366; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/

.h_height{ height:90px;}
.headbg{ width:100%; background:#fff; position:fixed; z-index:55; top:0; left:0;}
.head{ height:90px;}
.head .logo{ float:left; padding-top:10px;}
.head .logo img{ display:block; height:80px;}
.head .rt{ float:right; margin-left:20px;}
.h_search1{ float:right; height:30px; margin-top:6px;}
.h_search1 a{ display:block; height:30px; line-height:30px; font-size:20px; color:#003366;}
.h_search1 a:hover{ color:#003366; }
.hlang1{ float:right; height:30px; margin:6px 0 0 10px; position:relative;}
.hlang1 span{ display:block; border:1px solid #dddddd; height:28px; line-height:28px; padding:0 15px; cursor:pointer; color:#666;}
.hlang1 span i{ margin-left:5px;}
.hlang1 .hlang1_down{ width:100%; background:#fff; position:absolute; top:100%; left:0; display:none;}
.hlang1:hover .hlang1_down{ display:block;}
.hlang1 .hlang1_down ul{ border:1px solid #ddd; border-top:none;}
.hlang1 .hlang1_down ul li{ border-top:1px solid #ededed; line-height:24px; text-align:right;}
.hlang1 .hlang1_down ul li a{ display:block; padding:5px 10px;}
.h_contact1{ text-align:right; font-size:14px; line-height:24px;}
.h_contact1 a{ margin-left:15px;}
.h_contact1 i{ vertical-align:middle; margin-right:5px;}
/*menu*/
.menu{height:90px;line-height:68px; float:left; margin-left:20px;}
.menu ul li{ float:left; position:relative; padding:11px 0; margin:0 34px;}
.menu ul li span{ display:block; position:relative;}
.menu ul li span:before{ content:""; width:0; height:1px; background:#003366; position:absolute; left:0; bottom:-5px; transition:all .3s ease;}
.menu ul li:hover span:before{ width:100%; transition:all .3s ease;}
.menu ul li dl{ background:#fff; width:200px; position:absolute; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li>dl{ left:0; top:100%;}
.menu ul li dl dd{ line-height:26px;border-bottom:1px solid #f4f4f4; position:relative;}
.menu ul li dl dd a{ font-size:14px; color:#666; font-weight:normal; text-align:left; padding:5px 10px;}
.menu ul li dl dd a:hover{ color:#003366; }
.menu ul li dl dd dl{ left:100%; top:0;}
.menu ul li dl dd:hover>dl{ display:block;}
.menu a{ font-size:18px;color:#666; text-decoration:none; font-weight:normal; display:block;text-align:center; padding:0;}
.menu a:hover{color:#003366;}
a.menu_hover{ color:#003366; }

.search1bg{ width:100%; height:100%; background:rgba(0,0,0,.8); position:fixed; z-index:66; top:0; left:0; display:none;}
.search1{ width:100%; height:100%; position:relative;
display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.search1_con{ width:calc(90% - 56px); padding:25px 25px 20px 25px; max-width:calc(800px - 56px); margin:0 auto; background:#fff; border:3px solid #aaaaaa; }
.search1_con h2{ font-weight:normal; font-size:18px; line-height:1.5em; }
.search1_con .box1{ }
.search1_con .text1{ border:none; background:#f2f2f2; width:100%; height:50px; line-height:50px; margin-top:10px;}
.search1_con .box2{ text-align:right;}
.search1_con .button1{ display:inline-block; font-size:14px; line-height:26px; margin:20px 15px 0 15px;}
.search1_close{ display:inline-block; font-size:14px; line-height:26px; margin:20px 15px 0 15px;}

@media(max-width:768px){
.wapper{ width:100%; }
.headbg{ display:none;}
}

.head_mbg{ width:100%; background:#1d4cc4; position:fixed; z-index:55; top:0; left:0; display:none;}
.head_m{ height:60px; position:relative; }
.head_m .logo{ float:left; width:calc(96% - 100px); padding-top:20px; }
.head_m .logo img{ display:block; margin:0 auto; height:20px;}
.h_search2{ width:40px; text-align:right; height:40px; line-height:40px; float:right; margin:10px 5% 0 0;font-size:14px;}
.h_search2 a{ display:block; color:#fff;}
.nav_open{ width:40px; text-align:left; height:40px; line-height:40px; float:left; margin:10px 0 0 5%; font-size:14px; color:#fff;}
.nav_open i{ vertical-align:middle;}
.navbg{ width:100%; height:100%; background:#1d4cc4; position:fixed; top:0; left:0; z-index:666; display:none;}
.nav{ padding:60px 5% 20px 5%; position:relative;}
.nav_close{ height:40px; line-height:40px; text-align:center; position:absolute; right:5%; top:10px; font-size:14px; color:#fff;}
.nav_close i{ vertical-align:middle; }
.nav_list{ height:calc(100vh - 80px); overflow-Y:scroll;}
.tree{}
.tree_box{ }
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:15px; height:46px; line-height:46px; overflow:hidden; margin:0; position:relative; }
.tree_box h3 a{ color:#fff; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#003366;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right; color:#fff;}
.tree_box h3 span i{}
.tree_one h4{ font-weight:normal; font-size:15px; position:relative; height:46px; line-height:46px; overflow:hidden; margin:0 0 0 5%; }
.tree_box h4 a{ color:#fff; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#003366;}
.hlang2{ height:52px; line-height:52px;}
.hlang2 a{ display:inline-block; margin-right:15px;}
.hlang2 a img{}
@media(max-width:768px){
.head_mbg{ display:block;}
.h_height{ height:60px;}
}



.bannerbg{}
.swiper-container1 .swiper-slide { }
.swiper-container1 .swiper-slide img{ width:100%; display:block;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ width:30px; height:30px; margin-top:-15px;}
.swiper-container1 .swiper-button-prev1{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size:50px 50px;}
.swiper-container1 .swiper-button-next1{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size:50px 50px;}
.swiper-container1 .swiper-pagination1{ }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:10px; height:10px; background:#000; opacity:.5;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#000; opacity:1;}
@media(max-width:768px){

}


.con01bg{ padding:30px 0 30px 0;}
.con01{}
.con01 ul li{ float:left; width:calc((100% - 30px)/3); margin:15px 15px 0 0; position:relative; text-align:center; /*border-radius:100%;*/ overflow:hidden;}
.con01 ul li:nth-child(3n){ margin-right:0;}
.con01 ul li .img{ padding-bottom:50%;}
.con01 ul li .txt{ color:#fff; width:100%; height:100%; position:absolute; top:0; left:0;}
.con01 ul li .txt table,.con01 ul li table td{ height:100%; padding:0 2%;}
.con01 ul li .txt .h2{ font-weight:bold; font-size:26px; line-height:1.5em; height:1.5em; overflow:hidden;}
.con01 ul li .txt .h2 a{ color:#fff;}
.more1{ text-align:center; margin-top:10px;}
.more1 a{ display:inline-block; text-align:center; border:1px solid #fff; padding:0 15px; height:26px; line-height:26px; font-size:14px; border-radius:30px; color:#fff;}
.more1 a:hover{ background:#fff; color:#00add8;}
.more1 a i{ margin-left:10px;}
@media(max-width:768px){
.con01bg{ padding:35px 5% 50px 5%;}
.con01 ul li{ float:none; width:100%; margin:15px 0 0 0; }
}

.tit1{ text-align:center;}
.tit1 .h2{ font-weight:bold; font-size:32px; line-height:1.5em; position:relative; padding-bottom:10px;}
.tit1 .h2:before{ width:56px; height:4px; background:#000000; content:""; position:absolute; bottom:0; left:50%; margin-left:-28px;}
@media(max-width:768px){
.tit1 .h2{ font-size:22px; }
}

.con02bg{ padding:30px 0 50px 0;}
.con02{}
.con02 .list{ margin-top:30px;}
.scroll_03{ position:relative;}
.scroll_03 .hd{}
.scroll_03 .hd a{ text-align:center; width:40px; height:40px; position:absolute; z-index:2; top:50%; margin-top:-20px; font-size:30px; color:#aaa; cursor:pointer;}
.scroll_03 .hd a i{}
.scroll_03 .hd a:hover{ opacity:1;}
.scroll_03 .hd .prev{ left:0;}
.scroll_03 .hd .next{ right:0;}
.scroll_03 .bd{}
.scroll_03 .bd ul li{ float:left; width:25%;}
.scroll_03 .bd ul li .box{ margin:5px; position:relative;}
.scroll_03 .bd ul li .img{ padding-bottom:100%; position:relative;}
.scroll_03 .bd ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.scroll_03 .bd ul li .txt{ width:100%; height:100px; background:#fff; position:absolute; bottom:0; left:0; opacity:0; transition:all .3s ease;}
.scroll_03 .bd ul li .txt table{ height:100%; border:1px solid transparent;}
.scroll_03 .bd ul li .txt table td{ height:100%; padding:0 10px; }
.scroll_03 .bd ul li .txt .h2{ font-size:14px; line-height:1.5em;}
.scroll_03 .bd ul li .txt .h2 a{ color:#141893;}
.scroll_03 .bd ul li .txt .h2 i{ color:#ccc; float:right;}
.scroll_03 .bd ul li:hover .txt{ height:120px; opacity:1; transition:all .3s ease;}
.scroll_03 .bd ul li:hover .txt table{ border:1px solid #ccc;}
.more2{ text-align:center; margin-top:30px;}
.more2 a{ display:inline-block; text-align:center; border:1px solid #00add8; background:#00add8; color:#fff; padding:0 60px; height:34px; line-height:34px; border-radius:40px; font-size:16px;}
.more2 a:hover{ background:none; color:#00add8;}
@media(max-width:768px){
.con02bg{ padding:35px 5% 50px 5%;}
.scroll_03 .hd{ display:none;}
.scroll_03 .bd ul li{ float:none; width:100%;}
.scroll_03 .bd ul li .txt{ opacity:1;}
}


.con03bg{ padding:30px 0 50px 0;}
.con03{}
.con03 .list{}
.con03 .list ul li{ float:left; width:calc((100% - 20px)/3); margin:30px 10px 0 0;}
.con03 .list ul li:nth-child(3n){ margin-right:0;}
.con03 .list ul li .box{ border:1px solid #b5d9e2; padding:10px 10px 40px 10px;}
.con03 .list ul li:hover .box{ border:1px solid #a3a3a3;}
.con03 .list ul li .imgbox{ position:relative;}
.con03 .list ul li .img{ padding-bottom:62%;}
.con03 .list ul li .zoom{ position:absolute; top:0; left:0; width:100%; height:100%; background:#aeaeae url(../images/zoom_in_black.png) top center no-repeat; opacity:0; transition:all .6s ease;}
.con03 .list ul li:hover .zoom{ background-position:center; opacity:.6; transition:all .6s ease;}
.con03 .list ul li .txt{}
.con03 .list ul li .txt .h2{ font-size:16px; line-height:1.5em; height:1.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; margin-top:15px;}
.con03 .list ul li .txt .h2 a{ color:#00add8;}
.con03 .list ul li .txt .h3{ font-size:13px; line-height:1.5em; height:3em; overflow:hidden; color:#adadad; margin-top:15px; padding-top:15px; position:relative; border-top:1px solid #ededed;}
.con03 .list ul li .txt .h3:before{ content:""; width:0; height:1px; background:#afafaf; position:absolute; top:0; left:0; transition:all .6s ease;}
.con03 .list ul li:hover .txt .h3:before{ width:100%; transition:all .6s ease;}
.more3{ margin-top:30px;}
.more3 a{ display:inline-block; font-size:13px; border:1px solid #ccc; color:#ccc; width:28px; line-height:28px; height:28px; text-align:center;}
.more3 a:hover{ color:#00add8; border:1px solid #00add8;}
.con03 .list ul li:hover .more3 a{ color:#00add8; border:1px solid #00add8;}
@media(max-width:768px){
.con03bg{ padding:30px 5% 50px 5%;}
.con03 .list ul li{ float:none; width:100%; margin:30px 0 0 0;}
}


.con04bg{ padding:30px 0 50px 0;}
.con04{}
.con04 .list{ margin-top:30px;}
/*.con04 .list ul li{ float:left; width:calc((100% - 60px)/4); margin:0 20px 0 0; text-align:center;}
.con04 .list ul li:nth-child(4n){ margin-right:0;}*/
.con04 .list ul li{ float:left; width:25%; text-align:center;}
.con04 .list ul li a{ display:block; margin:0 10px;}
.con04 .list ul li .img_box{ position:relative; overflow:hidden;}
.con04 .list ul li .img{ padding-bottom:100%; transition:all .5s ease;}
.con04 .list ul li .imgbg{ width:100%; height:100%; background:rgba(255,255,255,.3) url(../images/ico_link.png) center no-repeat; position:absolute; top:0; left:0; transform:scale(0); transition:all .3s ease;}
.con04 .list ul li:hover .img{ transform:scale(1.1);}
.con04 .list ul li:hover .imgbg{ transform:scale(1);}
.con04 .list ul li .h2{ font-size:18px; line-height:28px; margin:14px 0; height:28px; overflow:hidden;}
.scroll_13{ position:relative;}
.scroll_13 .hd{}
.scroll_13 .hd a{ text-align:center; width:40px; height:40px; position:absolute; z-index:2; top:50%; margin-top:-20px; font-size:30px; color:#aaa; cursor:pointer;}
.scroll_13 .hd a i{}
.scroll_13 .hd a:hover{ opacity:1;}
.scroll_13 .hd .prev{ left:0;}
.scroll_13 .hd .next{ right:0;}
@media(max-width:768px){
.scroll_13 .hd{ display:none;}
.con04bg{ padding:30px 5% 50px 5%;}
/*.con04 .list ul li{ float:none; width:100%; margin:0;}*/
.con04 .list ul li{ float:none; width:100%;}
.con04 .list ul li .h2{ font-size:14px; line-height:24px; padding:14px 0; height:24px; overflow:hidden;}
}

.con05bg{ padding:30px 0 60px 0;}
.con05{}
.con05 .list{ margin-top:30px;}
.con05 .list ul li{ float:left; width:23%; margin:0 1%; text-align:center;}
.con05 .list ul li .img{ height:50px; position:relative;}
.con05 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con05 .list ul li .h2{ font-size:24px; line-height:34px; margin:11px 0; height:34px; overflow:hidden;}
@media(max-width:768px){
.con05bg{ padding:30px 5% 60px 5%;}
.con05 .list ul li{ float:left; width:48%; margin:0 1%; }
.con05 .list ul li .h2{ font-size:16px; line-height:26px; margin:11px 0; height:26px; }
}




/**/
.footbg{ background:#ededed;}
.foot{}
.foot1{ padding:50px 0 30px 0;}
.foot1 .lt{ float:left; width:calc((100% - 30px)/2);}
.foot1 .lt .h2{ font-weight:bold; font-size:16px; line-height:1.5em; color:#003366; margin-bottom:15px;}
.foot1 .lt .list{ font-size:13px; line-height:2em;}
.foot1 .rt{ float:right; width:calc((100% - 30px)/2);}
.foot1 .rt .h2{ font-weight:bold; font-size:16px; line-height:1.5em; color:#003366; margin-bottom:15px;}
.foot1 .rt .list{ }
.foot1 .rt .list table td{ padding-bottom:10px; width:50%;}
.foot1 .rt .list .text1{ border:1px solid #00add8; background:rgba(255, 255, 255, 0.2); height:34px; line-height:34px; width:calc(100% - 12px); padding:0 5px;}
.foot1 .rt .list .text2{ border:1px solid #00add8; background:rgba(255, 255, 255, 0.2); height:68px; line-height:34px; width:calc(100% - 12px); padding:0 5px;}
.foot1 .rt .list .text3{ border:1px solid #00add8; background:rgba(255, 255, 255, 0.2); height:34px; line-height:34px; width:calc(50% - 12px); padding:0 5px;}
.foot1 .rt .list img.code{ vertical-align:middle;}
.foot1 .rt .list a.button2{ vertical-align:middle;}
.foot1 .rt .list .button1{ display:inline-block; padding:0 40px; height:36px; line-height:36px; background:#fff; color:#00add8; font-size:15px;}
.foot1 .rt .list .button1:hover{ background:#f9f9f9;}
.foot2{ border-top:1px solid #c9d6e0; padding:25px 0; text-align:center; font-size:15px; line-height:1.5em;}
.foot2 a{ display:inline-block; color:#475577; margin:0 30px;}
.foot3{ border-top:1px solid #c9d6e0; padding:35px 0; }
.foot3 .lt{ float:left;}
.foot3 .lt img{ max-width:220px;}
.foot3 .ct{ float:left; margin-left:15%; font-size:14px; line-height:1.5em;}
.foot3 .ct ul li{ margin-bottom:5px;}
.foot3 .ct ul li a{ color:#003366;}
.foot3 .rt{ float:left; margin-left:15%; font-size:14px; line-height:1.5em; color:#003366;}
.foot3 .rt ul li{ margin-bottom:5px;}
.foot3 .rt .f_share{ margin-top:15px;}
.foot3 .rt .f_share a{ display:inline-block; margin-right:5px;}
.foot3 .rt .f_share a img{ display:block; height:30px;}
.foot4{ border-top:1px solid #c9d6e0; padding:25px 0; text-align:center; font-size:13px; line-height:1.5em; color:#003366;}
@media(max-width:768px){
.foot1{ padding:50px 5% 30px 5%;}
.foot1 .lt{ display:none;}
.foot1 .rt{ float:none; width:100%;}
.foot2{ display:none;}
.foot3{ padding:25px 5%; }
.foot3 .lt{ float:none; text-align:center}
.foot3 .lt img{ max-width:105px;}
.foot3 .ct{ display:none;}
.foot3 .rt{ float:none; margin-left:0; text-align:center; margin-top:15px;}
.foot4{ padding:15px 5%; }
}






/*Add------------------------------------------------------------------------------*/
.inbanner img{ display:block; width:100%;}

.weizhi{ height:49px; line-height:49px; border-bottom:1px solid #e2e2e2; color:#00add8; font-size:14px; margin-bottom:30px;}
.weizhi a{ color:#888;}
.weizhi a:hover{ color:#00add8;}
.insidebg{ padding:0 0 100px 0;}
.inside{}
.pro_nav{ margin:16px 0 32px 0;}
.pro_nav ul li{ float:left; width:calc(100%/6); text-align:center; line-height:46px; font-size:14px;}
.pro_nav ul li a{ display:block; border-bottom:3px solid #cbecef;}
.pro_nav ul li:hover a,.pro_nav ul li.on a{ border-bottom:3px solid #00addb;}
.inside_lt{ float:left; width:290px;}
.pro_search{ border:1px solid #ccc; height:38px; margin-bottom:10px;}
.pro_search .text1{ float:left; width:calc(100% - 38px); height:38px; line-height:38px;}
.pro_search .button1{ float:right; width:38px; height:38px; line-height:38px; text-align:center;}
.side_a{}
.side_a .h2{ height:40px; line-height:40px; border-bottom:2px solid #b5b5b5; font-size:22px;}
.side_a .list{}
.side_a .list ul li{ font-size:15px; line-height:45px;}
.side_a .list>ul>li{ border-bottom:1px solid #e0e0e0;}
.side_a .list ul li .h3{ position:relative;}
.side_a .list ul li a{ display:inline-block; color:#888; position:relative; z-index:2; }
.side_a .list ul li i{ color:#999;}
.side_a .list ul li span{ width:100%; height:100%; position:absolute; top:0; right:0; z-index:1; text-align:right; cursor:pointer;}
.side_a .list ul li.on>div>a,.side_a .list ul li:hover>div>a{ color:#00add8;}
.side_a .list ul li.on>div>span i,.side_a .list ul li:hover>div>span i{ color:#00add8;}
.side_a .list ul li.active>div>a{ color:#00add8;}
.side_a .list ul li.active>div>span i{ color:#00add8; transform:rotate(90deg)}
.side_a .list ul li ul{ padding:0 0 10px 15px; display:none;}
.side_a .list ul li ul li{ line-height:35px;}
.side_a .list ul li ul li a{ }
.inside_rt{ float:right; width:calc(100% - 350px);}
@media(max-width:768px){
.insidebg{ padding:0 5% 50px 5%;}
.pro_nav{ display:none;}
.inside_lt{ display:none;}
.inside_rt{ float:none; width:100%;}
}





.product{}
.product ul li{ float:left; width:calc((100% - 60px)/3); margin:0 30px 30px 0; text-align:center;}
.product ul li:nth-child(3n){ margin-right:0;}
.product ul li .img{ padding-bottom:100%; position:relative;}
.product ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.product ul li .h2{ font-size:14px; line-height:24px; height:24px; overflow:hidden;}
@media(max-width:768px){
.product ul li{ float:none; width:100%; margin:0 0 30px 0; }
}

.tit2{ text-align:center;}
.tit2 .h2{ font-size:22px; line-height:42px;}
.proDetail .list{ margin-top:30px;}
.qiehuan{ margin-top:30px;}
.qiehuan ul li{ float:left; width:calc(50% - 25px); font-size:14px; line-height:20px; padding:5px 0 5px 25px; background:url(../images/btn_lt1.png) left center no-repeat;}
.qiehuan ul li:nth-child(2n){ text-align:right; padding:5px 25px 5px 0; background:url(../images/btn_rt1.png) right center no-repeat;}
.qiehuan ul li a{ color:#00addb;}
.qiehuan ul li a:hover{ color:#333;}
.qiehuan ul li strong{ display:block; font-weight:normal;}
.qiehuan ul li span{ display:block; height:20px; overflow:hidden;}


.pro_others{ margin-top:50px;}
.pro_others>.h2{ font-size:22px; line-height:32px;}
.pro_others .list{ margin-top:10px;}
.pro_others ul li{ float:left; width:calc((100% - 30px)/4); margin:10px 10px 0 0;}
.pro_others ul li:nth-child(4n){ margin-right:0;}
.pro_others ul li .box{ position:relative;}
.pro_others ul li .img{ padding-bottom:100%; position:relative;}
.pro_others ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.pro_others ul li .txt{ width:100%; height:100px; background:#fff; position:absolute; bottom:0; left:0; opacity:0; transition:all .3s ease;}
.pro_others ul li .txt table{ height:100%; border:1px solid transparent;}
.pro_others ul li .txt table td{ height:100%; padding:0 10px; }
.pro_others ul li .txt .h2{ font-size:14px; line-height:1.5em;}
.pro_others ul li .txt .h2 a{ color:#141893;}
.pro_others ul li .txt .h2 i{ color:#ccc; float:right;}
.pro_others ul li:hover .txt{ height:120px; opacity:1; transition:all .3s ease;}
.pro_others ul li:hover .txt table{ border:1px solid #ccc;}
@media(max-width:768px){
.pro_others ul li{ float:none; width:100%; margin:10px 0 0 0;}
}