@charset "utf-8";
@import "fonts/font.css?v=20190712";
@import "fonts/font-awesome.css?v=20190712";
html{ overflow-y:scroll;}
body {
	margin: 0px;
	padding:0px;
	background-color:#FFF;
}
body,td,th,input,textarea,select {
	font-size: 16px;
	color:#3e3e3e;
	font-family: "Microsoft Yahei","微软雅黑", Arial, Helvetica, sans-serif;
}

input,textarea{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
textarea{ resize:none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #c0c0c0;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #c0c0c0;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #c0c0c0;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #c0c0c0;}

ul,li,form{ margin:0; padding:0; list-style-type:none;}
a{color:#3e3e3e; text-decoration:none; position:relative;}
a:hover{color:#4594e0; text-decoration:none;}
a,i,.animation{
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}
.noanimation a{
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
}


/*文字省略号*/
.ellipsis1{ overflow:hidden; white-space:nowrap; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
.ellipsis2{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
.clamp1{-webkit-line-clamp:1;}
.clamp2{-webkit-line-clamp:2;}
.clamp3{-webkit-line-clamp:3;}
.clamp4{-webkit-line-clamp:4;}


.movex{}
.movex a{ display:inline-block;}
.movex a:hover{ -moz-transform:translateX(5px); -webkit-transform:translateX(5px); -o-transform:translateX(5px); -ms-transform:translateX(5px); transform: translateX(5px);}
.movex2{}
.movex2 a{ display:inline-block;}
.movex2 a:hover{ -moz-transform:translateX(-5px); -webkit-transform:translateX(-5px); -o-transform:translateX(-5px); -ms-transform:translateX(-5px); transform: translateX(-5px);}

.movey{}
.movey a{ display:inline-block;}
.movey a:hover{ -moz-transform:translateY(5px); -webkit-transform:translateY(5px); -o-transform:translateY(5px); -ms-transform:translateY(5px); transform: translateY(5px);}
.movey2{}
.movey2 a{ display:inline-block;}
.movey2 a:hover{ -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); transform: translateY(-5px);}

a.white{color:#FFFFFF; text-decoration:none;}
a.white:hover{color:#FFFFFF; text-decoration:underline;}
.floatl{ float:left;}
.floatr{ float:right;}
.clear{ clear:both;}
.r5{-moz-border-radius:5px; border-radius:5px;}
.r10{-moz-border-radius:10px; border-radius:10px;}
.r15{-moz-border-radius:15px; border-radius:15px;}
.r20{-moz-border-radius:20px; border-radius:20px;}
.setp{}
.setp p{ margin:0; padding:0;}
.setimg{}
.setimg img{ max-width:100%;}
.setimg2{}
.setimg2 img{ width:100%;}
.AnimationScale img{transition:all 0.5s;-ms-transition::all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.AnimationScale:hover img{transform:scale(1.06);-ms-transform::scale(1.06);-moz-transform:scale(1.06);-webkit-transform:scale(1.06);-o-transform:scale(1.06);}
.AnimationTranslateX{transition:all 0.3s;-ms-transition::all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.AnimationTranslateX:hover{transform:translateX(5px);-ms-transform::translateX(5px);-moz-transform:translateX(5px);-webkit-transform:translateX(5px);-o-transform:translateX(5px);}
.AnimationRight{animation:fadeInRight 0.6s .1s ease both; -webkit-animation:fadeInRight 0.6s .1s ease both; -moz-animation:fadeInRight 0.6s .1s ease both; -ms-animation:fadeInRight 0.6s .1s ease both; -o-animation:fadeInRight 0.6s .1s ease both;}

@keyframes fadeInRight{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-15px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(-15px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(-15px)}100%{opacity:1;-ms-transform:translateX(0)}}
@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(-15px)}100%{opacity:1;-o-transform:translateX(0)}}


.fs1{ font-size:28px; line-height:1.4;}
.fs2{ font-size:20px;}
.fs3{ font-size:18px;}
.fs4{ font-size:18px;}
@media (min-width: 768px) {
	.fs1{ font-size:30px;}
	.fs2{ font-size:24px;}
	.fs3{ font-size:22px;}
	.fs4{ font-size:18px;}
}
@media (min-width: 992px) {	
	.fs1{ font-size:36px;}
	.fs2{ font-size:30px;}
	.fs3{ font-size:28px;}
	.fs4{ font-size:22px;}
}
@media (min-width: 1200px) {
	.fs1{ font-size:42px;}
	.fs2{ font-size:36px;}
	.fs3{ font-size:32px;}
}

.btn1{ border:solid 1px #3e3e3e; color:#3e3e3e; padding:4px 20px; display:inline-block; font-size:16px; cursor:pointer;}
.btn1:hover{ background-color:#1e3485; border-color:#1e3485; color:#fff;}
.btn1.small{ padding:3px 15px; font-size:14px;}
.btn1.w{ border-color:#FFF; color:#FFF;}
.btn1.w:hover{ background-color:#FFF; color:#1e3485;}
@media (min-width: 768px) {
	.btn1{ padding:6px 28px;}
}
@media (min-width: 992px) {	
	.btn1{ padding:6px 30px; font-size:18px;}
	.btn1.small{ padding:5px 20px; font-size:16px;}
}


.body_contain{ position:relative; z-index:2;}
.body1{width:1200px; margin:0px auto;}
.body2{background-color:#FFF; padding:20px;}
.body3{background-color:#FFF;}

.tdh{height:10px; font-size:1px; line-height:1px;}
.tdh2{height:20px; font-size:1px; line-height:1px;}
.tdh3{height:30px; font-size:1px; line-height:1px;}
.tdh4{height:40px; font-size:1px; line-height:1px;}
.tdw{width:10px; font-size:1px; line-height:1px;}
.tdw2{width:20px; font-size:1px; line-height:1px;}

.txtshadow1{-webkit-text-shadow:2px 2px 6px rgba(0,0,0,0.5); -moz-text-shadow:2px 2px 6px rgba(0,0,0,0.5); text-shadow:2px 2px 6px rgba(0,0,0,0.5);}
.shadow1{-webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 6px rgba(0,0,0,0.2); box-shadow:3px 3px 6px rgba(0,0,0,0.2);}
.shadow2{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.a_shadow1{}
.a_shadow1:hover{-webkit-box-shadow:0 3px 10px #a5a5a5; -moz-box-shadow:0 3px 10px #a5a5a5; box-shadow:0 3px 10px #a5a5a5;}
.a_shadow2 img{}
.a_shadow2:hover img{-webkit-box-shadow:0 3px 10px #a5a5a5; -moz-box-shadow:0 3px 10px #a5a5a5; box-shadow:0 3px 10px #a5a5a5;}
/*
.shadow1 a{-webkit-box-shadow:3px 3px 15px #B8B8B8; -moz-box-shadow:3px 3px 15px #B8B8B8; box-shadow:3px 3px 15px #B8B8B8;}
*/
.fixed{ position:fixed; z-index:99997; width:100%; -webkit-transform:translateZ(0);}
.header{ background-color:#FFF;}
.header1{ background-color:#1e3485; height:32px; line-height:32px; color:#FFF; padding:0 20px;}
.header1 a{ color:#FFF;}
.header1_1{ float:left;}
.header1_2{ float:right;}
.header1_2 a{ padding:0 5px; display:inline-block;}
.header1_2 a:hover{ color:#b8dcff;}

.header2{ height:60px; padding:0 20px;}
.header2_1{}
.header2_1 a{ display:inline-block;}
.header2_1 img{ height:60px; padding:0;}
.header2_2{}

.header .nav_icon{ position:relative;}
.header .nav_icon a{width:30px; display:block; color:#3e3e3e; height:60px; line-height:60px; font-size:15px; font-weight:bold; text-align:center;}
.header .nav_icon a i{height:60px; line-height:60px;}
.header .nav_icon a:hover{ color:#4594e0;}

/*
.header .logo{}
.header .logo a{ padding:0; display:inline-block;}
.header .logo img{ height:60px;}



.header .tel{ color:#050505;}
.header .tel div{ background-image:url(../index/icon_tel.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 45px;}
.header .tel div h2{ padding:0; margin:0; font-size:20px; font-weight:bold;}
*/


/*主菜单*/
.mainnav{ position:relative; display:inline-block; width:100%; z-index:999;}
.mainnav .nLi{ float:left; position:relative; width:120px; display:block;}
.mainnav .nLi:nth-child(2){ width:84px;}
.mainnav .nLi span{ float:left; margin:0; display:block; width:100%;}
.mainnav .nLi span a{ line-height:22px; font-size:18px; padding:28px 0; text-align:center; color:#000000; display:block;}
.mainnav .nLi span a div{ font-size:12px; color:#7e7e7e; line-height:1.4; padding:4px 0 0;}
.mainnav .on span a, .mainnav .on span a div{ color:#4594e0;}

/*
.mainnav .nLi span a::after{
	position: absolute;
	height: 2px;
	background-color: transparent;
	display: table;
	content: " ";
	clear: both;
	bottom: 24px;
	left: 50%;
	width: 0;
	background-color: #4594e0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.mainnav .on span a::after {
	background-color: #4594e0;
	width: 80%;
	left: 10%;
}
*/

.mainnav .sub{ display:none; left:0; top:100px; position:absolute; background-color:#FFF; padding:10px 15px 20px;-moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.mainnav .sub li{ zoom:1; border-bottom:dashed 1px #d2d2d2;}
.mainnav .sub a{ display:block; line-height:25px; font-size:16px; color:#3e3e3e; padding:4px 0;}
.mainnav .sub a:hover{ color:#4594e0;}
.mainnav .sub a i{ background-image:url(/index/mainmenu_sub1.png); background-position:-9px 0; background-repeat:no-repeat; width:9px; height:9px; display:inline-block; margin-right:8px;}
.mainnav .sub a:hover i{ background-position:0 0;}


.banner{ height:150px; background-position:center -30px; background-repeat:no-repeat; border-bottom:solid 5px #FFF;} /* background-size:auto 100%;*/


.links{ padding:10px 8% 30px;}
.links .content{ padding:20px;}
.links .name{ width:120px; color:#8c8c8c; font-size:34px; text-align:center;}
.links .info{ width:calc(100% - 120px); padding:8px 0 0;}
.links .info a{ padding:6px 10px; display:inline-block;}
@media (max-width: 1199px) {
	.links{ padding:30px 3%;}
}
@media (max-width: 991px) {
	.links{ padding:20px 15px;}
	.links .content{ padding:15px;}
	.links .name{ font-size:32px;}
}
@media (max-width: 767px) {
	.links .content{ padding:15px;}
	.links .name{ width:100%; text-align:left; font-size:28px; padding-left:8px;}
	.links .info{ width:100%;}
}



/*底部*/
.foot1{ background-color:#141414;}
.foot1, .foot1 h2{ font-size:14px; color:#FFF;}
.foot1 h2{}
.foot1 a{ color:#FFF; display:inline-block;}
.foot1 a:hover{ color:#f6d064; }
.foot1 .title{ margin-bottom:10px; text-transform:uppercase; font-weight:bold; font-size:18px; position:relative; padding-bottom:5px;}
.foot1 .title:after{ width:40px; height:1px; position:absolute; left:0; bottom:0; content:""; background-color:#FFF;}
.foot1>div{ padding:30px 0; max-width:1480px;}
.foot1_1{ width:100%; padding-right:10px;}
.foot1_1>div{ text-align:center;}
.foot1_1 .logo{}
.foot1_1 .logo img{ width:100%; max-width:140px;}
.foot1_1 .txt{ padding:10px 0 0 10px;}
.foot1_2{ width:100%; padding-top:20px;}
.foot1_2 .item{ padding:0 5px; width:38%;}
.foot1_2 .item a{ line-height:1.4; padding:2px 0;}
.foot1_2 .item:nth-child(1){ width:62%;}
.foot1_2 ul li{ padding:2px 0;}
.foot1_2 .two ul{ width:50%;}
.foot1_2 .fen_xiang{ padding:5px;}
.foot1_3{ width:100%; padding-right:10px; padding-top:20px;}
.foot1_3 h2{ margin:0 0 5px; font-weight:normal;}
.foot1_3 p{ position:relative; padding-left:24px;}
.foot1_3 em{ position:absolute; left:0; width:18px; text-align:center;}
@media (min-width: 768px) {	
	.foot1_1{ width:100%;}
	.foot1_2{ width:50%;}
	.foot1_2 .item{ padding:0 10px;}
	.foot1_2 .fen_xiang{ padding:10px 10px;}
	.foot1_3{ width:50%;}
}
@media (min-width: 992px) {
	.foot1, .foot1 h2{ font-size:16px;}
	.foot1_1{ width:26%;}
	.foot1_1>div{ max-width:340px;}
	.foot1_1 .logo img{ max-width:140px;}
	.foot1_2{ width:38%; padding-top:0px;}
	.foot1_3{ width:36%; padding:0 20px;}
}
@media (min-width: 1200px) {	
	.foot1_1{ width:30%; padding-right:20px;}
	.foot1_1 .logo img{ max-width:140px;}
	.foot1_2{ width:38%;}
	.foot1_2 .item{ padding:0 20px;}
	.foot1_2 .fen_xiang{ padding:10px 20px;}
	.foot1_3{ width:32%; padding:0 20px;}
}
@media (min-width: 1500px) {
	.foot1_1{ width:28%;}
	.foot1_2{ width:36%;}
	.foot1_3{ width:36%;}
}
.foot_prod ul{ width:50%;}
.foot_prod ul li{ padding-right:5%;}


.foot2{ color:#FFF; border-top:solid 1px #4b515b; padding:12px 0; background-color:#141414; margin-bottom:60px; text-align:center; font-size:14px;}
.foot2 a{ color:#FFF; display:inline-block;}
.foot2 a:hover{ color:#f6d064; }
@media (min-width: 768px) {	
	.foot2{ margin-bottom:0;}
}
@media (min-width: 992px) {	
	.foot2{ font-size:16px;}
}


/*主页横幅*/
.focus { width:100%; height: auto; position: relative; overflow: hidden;}
.focus .hd { width: 100%; height: 0.8em; position: absolute; z-index: 1; text-align: center; bottom:0.5em;}
.focus .hd ul { display: inline-block; height: 0.8em;}
.focus .hd ul li { display: inline-block; width:1.4em; height: 0.4em; text-indent:-999em; background:#fff; margin:0 0.3em; vertical-align: top; overflow: hidden; cursor:pointer;filter:alpha(opacity=50);opacity:0.5;}
.focus .hd ul .on { background-color:#f00;}
.focus .bd { position: relative; z-index: 0; overflow:hidden;}
.focus .bd li { height: auto; overflow: hidden; }
.focus .bd li a img { width: 100%; height: auto; display: block; margin: 0; padding: 0; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 取消链接高亮 */ }

.index_banner{ width:100%; height:100%; background-position:center; background-size:cover; display:flex; align-items:center; justify-content:center;}
.index_banner .content{ background-color:rgba(255,255,255,0.9); padding:20px; width:76%; position:relative;}
.index_banner .content .title{ font-size:26px; color:#1e3485; font-weight:bold;}
.index_banner .content .desc{ padding:10px 0 0; font-size:16px; line-height:2;}
.index_banner .content .desc li{ width:100%;}
.index_banner .content .more{ padding:10px 0 0;}
.index_banner .content .more a{ background-color:#1e3485; color:#FFF; line-height:44px; width:100%; text-align:center; display:inline-block;}
.index_banner .content .more a:hover{ background-color:#4594e0;}

.mt1{ margin-top:10px;}
.mt2{ margin-top:20px;}
.mt3{ margin-top:30px;}
.mt4{ margin-top:40px;}
.mt5{ margin-top:50px;}
.myrow{}
.myrow:after{ clear:both;display: table; content:" ";}

.left{ width:100%;}
.left_menu{ margin-bottom:20px;}
.left_sort{ margin-bottom:20px;}
.sort_title{ border-left:solid 3px #1e3485; line-height:22px; color:#1e3485; padding-left:10px; font-size:16px;}
.sort_find{ border:solid 1px #1e3485; margin-top:10px;}
.sort_find1{ width:82%; padding:0 10px; height:36px; line-height:32px; border:0; float:left; outline:none;}
.sort_find2{ width:18%; background-color:#1e3485; color:#FFF; border:0; float:right; height:36px;}
.sort_find2:hover{ background-color:#4594e0;}
.sort_year{ padding:10px 0 0; border-bottom:dashed 1px #cccccc;}
.sort_year li{ float:left;}
.sort_year li a{ display:block; padding:5px; line-height:22px;}
.sort_year li a:hover{}

.right{ width:100%;}

.page_content{ padding:30px 0;}
.content1{ line-height:1.6;}
.newscontent{}
.prodcontent{}
.downloadcontent{ padding:30px 0;}
.feedback{}
.feedback div{ padding:5px 0;}


/*当前位置*/
.location1{ border-bottom:solid 1px #c9c9c9; text-transform:uppercase; font-weight:bold; font-size:22px; line-height:42px; color:#1e3485; margin-bottom:10px; position:relative;}
.location1 span{ border-bottom:solid 3px #1e3485; display:inline-block; position:relative; top:2px; padding:0;}
.location2{ line-height:16px; padding:0 0 10px; position:relative; z-index:1;}
.location2 a{display:inline-block;}
.location2 a:hover{}
.location3{ border-bottom:solid 1px #c9c9c9; padding:12px 0;}


#productmenu{padding:0px 0px 0px 33px;}
#productmenu .tdset{vertical-align:top; height:400px; padding:8px 8px 0px;}
#productmenuc2 {font-size:14px; font-weight:bold; margin-bottom:5px;}
#productmenuc3 {margin-top:18px;}
#productmenu1 a{font-size:12px; color:#FFFFFF; width:93px; display:block; float:left; height:17px;}
#productmenu1 a:hover,#productmenu1 .this{font-size:12px; color:#FF9024;}
#productmenu2 a{font-size:12px; color:#FFFFFF; width:75px; display:block; float:left; height:17px;}
#productmenu2 a:hover,#productmenu2 .this{font-size:12px; color:#FF9024;}
#productmenu3 a{font-size:12px; color:#FFFFFF; width:70px; display:block; float:left; height:17px;}
#productmenu3 a:hover,#productmenu3 .this{font-size:12px; color:#FF9024;}


.prodclass1{ padding:10px; vertical-align:top;}
.prodclass1 a{ position:relative; display:block; background-color:#000;}
.prodclass1 a div{ position:absolute; width:100%; margin-top:50%; display:block; text-align:center;}
.prodclass1 a div span{ background-color:#000; font-size:15px; color:#FFF; padding:10px 0px; width:85%; opacity:0.7; display:inline-block;}
.prodclass1 a:hover div span{ background-color:#FFF; color:#000;}

.ProdclassReadme{ padding:0px 15px 15px; line-height:20px;}

/*产品图标菜单*/
.prodclass_menu{ padding:0 0 30px;}
.prodclass_menu li{ width:16%; text-align:center; float:left; margin:15px 0 0;}
.prodclass_menu li a{ display:block; padding:0 6px; text-transform:uppercase; line-height:1.3;}
.prodclass_menu li a div{ padding:0 10%;}
.prodclass_menu li a img{ max-width:100%; margin:0 0 6px;-moz-border-radius:200px; border-radius:200px;}

/*产品列表样式*/
.productlist1{ text-align:center; padding:8px;}
.productlist1 a{ display:block; position:relative; font-size:15px; color:#333;}
.productlist1 .pic{ position:relative; overflow:hidden;}
.productlist1 .pic img{ width:100%;}
.productlist1 .txt{line-height:36px;height:36px; margin-top:-18px; background-color:#FFF; padding:0 2%; width:92%; margin-left:4%; overflow:hidden; position:relative;  display:block; -webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.07); -moz-box-shadow:3px 3px 8px rgba(0,0,0,0.07); box-shadow:3px 3px 8px rgba(0,0,0,0.07);}
.productlist1 a:hover{ border-color:#4594e0;}
.productlist1 a:hover .txt{ background-color:#4594e0; color:#FFF;}

.productlist2{ border-bottom:dashed 1px #ccc; padding:20px 0;}
.productlist2_1{ text-align:center;}
.productlist2_1 img{ width:160px;}
.productlist2_2{}
.productlist2_2_1{ padding:10px 0;}
.productlist2_2_1 a{ font-size:18px; color:#1e3485; font-weight:bold;}
.productlist2_2_1 a:hover{ color:#4594e0;}
.productlist2_2_2{ line-height:1.8;}

.productlist3{ margin-top:15px;}
.productlist3 .pic{ position:relative;}
.productlist3 .pic img{ width:100%;}
.productlist3 .pic a{ display:block; position:relative; font-size:18px; color:#1e3485; font-weight:bold;}
.productlist3 .pic a:hover{ color:#4594e0;}
.productlist3 .pic .pic2{ overflow:hidden;}
.productlist3 .txt{ padding:8px 0; font-weight:bold;}
.productlist3 .desc{ line-height:1.5;}

/*
.productlist2{text-align:center; vertical-align:top; margin:0; padding:5px 10px;}
.productlist2 a{ display:inline-block; text-align:center; line-height:30px; padding:0 0 4px;}
.productlist2 div{ line-height:30px; height:30px; overflow:hidden; padding:0 6px;}
.productlist2 img{ border:solid 1px #dbdbdb;}
.productlist2 a:hover{ background-color:#59c5cf; color:#FFF;}
.productlist2 a:hover img{ border-color:#59c5cf;}

.productlist2s{}
.productlist2s img{ width:170px; height:170px;}

.productlist3{}
.productlist3 img{ width:260px; height:195px;}
*/

/*产品详细样式*/
.prod_detail{ padding:0;}
.prod_detail_left{ width:100%;}
.prod_detail_left1{ border:solid 1px #d3d3d3; text-align:center;}
.prod_detail_left2{ padding:10px 0 0;}
.prod_detail_left2 a{ margin:5px; display:inline-block;}
.prod_detail_left2 a img{ width:60px; height:60px; border:0;}
.prod_detail_right{ width:100%;}
.prod_detail_title{ font-size:28px; color:#222; padding:10px 0; line-height:1.2; font-weight:bold;}
.prod_detail_otherpic{ padding:6px 0;}
.prod_detail_otherpic a{ display:inline-block; border:solid 1px #dbdbdb; margin:0 8px 8px 0;}
.prod_detail_otherpic a:hover{ border-color:#ababab;}
.prod_detail_otherpic a img{ width:80px; height:80px; border:0;}
.prod_detail_desc{ line-height:1.8;}
.prod_detail_cartbt{ padding:15px 0 0;}
.prod_detail_content{ background-color:#f4f4f4; padding:15px; margin:20px 0 0;}
.prod_detail_content_title{ text-align:center; font-size:18px; line-height:36px; color:#595959; font-weight:bold; text-transform:uppercase;}
.prod_detail_content_title::after{position:relative;height:2px;display:table;content:"";left:50%;width:80px;margin-left:-40px;background-color:#595959;}
.prod_detail_content_list{ line-height:1.8;}

.prod_otherdetail_title{ font-size:28px; color:#222; padding:10px 0; line-height:1.2; font-weight:bold;}
.prod_otherdetail_photo{ text-align:center; padding:10px 0 0;}
.prod_otherdetail_desc{ border:solid 1px #ccc; padding:20px;}
.prod_otherdetail_desc .row{ margin:0 auto;}
.prod_otherdetail_desc1{ width:100%; text-align:center;}
.prod_otherdetail_desc1 img{ width:200px;}
.prod_otherdetail_desc2{}
.prod_otherdetail_desc2_1{ font-size:24px; font-weight:bold; padding:15px 0;}
.prod_otherdetail_desc2_2{ line-height:1.8;}
.prod_otherdetail_desc2_3{}
.prod_otherdetail_content{ padding:2px 0; line-height:1.8;}

.prod_detail_bt{ text-align:center; padding:15px 0;}
.prod_detail_bt a{ margin:0 5px;}

.prod_detail_othertitle{ text-align:center; padding:15px 0;}
.prod_detail_othertitle span{ border-bottom:solid 2px #8b002b; font-size:22px; font-weight:bold; text-transform:uppercase; color:#8b002b; padding:0 5px; display:inline-block; line-height:40px;}
.prod_detail_more{ padding:10px 0 0;}

.proddetail1{ padding:5px 5px 10px; text-align:center; font-size:20px; font-weight:bold; color:#000;}
.proddetail2{ text-align:center; padding-bottom:8px;}
.proddetail3{ line-height:26px; padding:10px 0 10px;}
.proddetail4{ text-align:center; padding:0 0 30px;}
.proddetail5 { line-height:1.8; padding:20px 0 0;}
.proddetail2 img, .proddetail3 img{ max-width:100%;}

.prod_otherdetail_content h2, .proddetail3 h2, .proddetail5 h2{BACKGROUND-COLOR: #1e3485; COLOR: #fff; padding:10px; font-size:16px; font-weight:bold; display:inline-block;}


/*新闻列表页样式*/
.newslist1{border-bottom:dashed 1px #cccccc;background-image:url(/index/arrow1.gif); background-repeat:no-repeat; background-position:8px 20px;font-size:14px;padding:15px 0 15px 24px;}
.newslist1 span{ float:right; color:#999; width:100px; text-align:center;}

.newslist2{ padding:20px 10px; border-bottom:dashed 1px #cccccc;}
.newslist2_1{}
.newslist2_1 a{ overflow:hidden; display:block; border:solid 1px #d3d3d3; padding:3px;}
.newslist2_1 img{ border:0;}
.newslist2_1 a:hover{ border-color:#4594e0;}
.newslist2_2{}
.newslist2_2_1{ padding:5px 0; line-height:28px;}
.newslist2_2_1 a{ font-size:18px; color:#1e3485;  font-weight:bold; display:block;}
.newslist2_2_1 a:hover{ color:#4594e0;}
.newslist2_2_2{ line-height:22px;}
.newslist2_2_3{ line-height:26px; padding:5px 0 0;}
.newslist2_2_4{ padding:10px 0 0;}
.newslist2_2_4 a{background-color:#1e3485; height:30px; line-height:30px; color:#FFF; display:inline-block; padding:0 20px;}
.newslist2_2_4 a:hover{background-color:#4594e0; color:#FFF;}

.newslist3{}
.newslist3 a{ display:block; text-align:center; line-height:22px; margin:10px 0;}
.newslist3 .pic{ overflow:hidden; border:solid 1px #d3d3d3; padding:3px;}
.newslist3 img{ border:0;}
.newslist3 a:hover .pic{ border-color:#4594e0;}
.newslist3 .txt{ padding:8px 0 0;}

.newslist4{border-bottom:dashed 1px #cccccc; padding:15px 10px;}
.newslist4_1{}
.newslist4_1 a{ font-size:18px; color:#1e3485; font-weight:bold;}
.newslist4_1 a:hover{ color:#4594e0;}
.newslist4_2{ line-height:1.6; padding:10px 0 0;}
.newslist4_3{ padding:5px 0 0;}

.newslist5{ padding:15px;}
.newslist5>div{ background-color:#f0f0f0; padding:25px;}
.newslist5_1{ font-size:22px;}
.newslist5_2{ line-height:2; padding:15px 0 0;}
.newslist5_2 a{ display:block; background-image:url(../index/arrow3.png); background-repeat:no-repeat; background-position:0 9px; padding:0 0 0 14px;}


/*新闻详细页样式*/
.newdetail{}
.newdetail1{padding:5px 5px 0; text-align:center; font-size:22px; color:#333;}
.newdetail2{border-bottom:dashed 1px #cccccc; color:#a8a8a8; padding:8px 0px 12px; text-align:center;}
.newdetail3{line-height:1.8; padding:10px 0px;}
.newdetail3 img{ max-width:100%;}
.newdetail4{padding-top:10px; border-top:dashed 1px #cccccc; line-height:26px; width:100%; display:inline-block;}
.newdetail4_1{}
.newdetail4_2{ text-align:left;}
.newdetail5{line-height:1.8; padding:0;}
.newdetail5 img{ max-width:100%;}


/*信息反馈*/
.feedback1{ width:80px; text-align:right; padding:5px 10px 5px 0;}
.feedback1 span{ color:#F00;}
.feedback2{ padding:5px 0;}


/*联系我们*/
.contact_title{ font-size:18px; font-weight:bold; line-height:18px; padding:20px 0;}
.contact_title2{ padding-left:0;}
.contact1{ border-right:0;}
.contact1_1{ line-height:32px;}
.contact2{}
.contact2_1{}
.contact2_1_1{ padding:6px 0}
.contact2_1_1 label{ font-size:13px; padding:0 5px 0 0; text-align:right; width:80px; font-weight:normal;}
.contact2_1_1 input{ border:solid 1px #e4e4e4; line-height:36px; height:36px; width:65%; margin:0; padding:0 10px;}
.contact2_1_1 textarea{ border:solid 1px #e4e4e4; line-height:22px; height:84px; width:65%; margin:0; padding:0 10px;}

.contact2_1_3{ text-align:center; padding:10px 0 0;}
.contact3{border-top:solid 1px #e3e3e3; padding:30px 0 0;}
.contact3_1{ border:solid 1px #E1E1E1; height:350px;}


.txtinput{background-color:#F9F9F9; border:solid 1px #D1D1D1; height:34px; line-height:32px; padding:0 5px; width:100%;}
.txtinput2{background-color:#F9F9F9; border:solid 1px #D1D1D1; line-height:20px; padding:0 5px; width:100%;}

.bt,.bt:link{ background-color:#1e3485; width:90px; height:30px; line-height:30px; cursor:pointer; border:0; color:#FFF; font-size:14px; display:inline-block; text-align:center;}
.bt:hover{ background-color:#4594e0; color:#FFF;}
.otherbt1{ border:solid 0px #1e3485; background-color:#1e3485; width:180px; font-size:16px; color:#FFF; text-transform:uppercase; height:32px; line-height:32px; display:inline-block; text-align:center;-moz-border-radius:25px; border-radius:25px;}
.otherbt1:hover{ background-color:#4594e0; color:#FFF;}
.otherbt2{ border:solid 0px #1e3485; background-color:#1e3485; width:180px; font-size:16px; color:#FFF; text-transform:uppercase; height:40px; line-height:40px; display:inline-block; text-align:center;-moz-border-radius:25px; border-radius:25px;}
.otherbt2:hover{ background-color:#4594e0; color:#FFF;}


/*下载*/
.download{ border-collapse:collapse;}
.download th, .download td{ border:solid 1px #e8e8e8; padding:8px;}
.download th{ background-color:#f5f5f5; text-align:center;}
.downloadtd1{}
.downloadtd2{ width:120px; text-align:center;}
.downloadtd2 .bt{ width:110px;}


/*视频样式*/
.videolist{text-align:center; vertical-align:top; width:250px; padding:0px 13px 20px;}
.videolist img{ width:240px; height:180px; border:solid 1px #E4E4E3; background-color:#FFF; margin-bottom:6px; padding:4px;}
.videolist a{ display:inline-block;}

.videodetail1{ text-align:center; padding:20px 0 10px; font-size:20px; font-weight:bold; color:#4594e0;}
.videodetail2{ text-align:center;}
.videodetail3{ text-align:center; padding:15px 0 0;}


/*会员样式*/
.star{ color:#F00; font-size:16px;}
.mb_title{ text-align:center; font-size:22px; padding:10px 0; color:#333333;}
.mb_name{ padding:3px; line-height:36px; color:#999; text-align:right;}
.mb_txt{ padding:3px;}
.mb_txt input{ border:solid 1px #e4e4e4; line-height:32px; height:32px; margin:0; padding:0 5px; width:200px;}
.mb_txt textarea{ border:solid 1px #e4e4e4; line-height:22px; height:84px; margin:0; padding:0 5px; width:200px;}
.mb_bt{ text-align:center; padding:10px 0;}


/*购物车*/
.InquireBasket{z-index: 1501; background-color:#FFF; border:solid 1px #aaaaaa; width:230px; height:270px; position:fixed; right:0; bottom:60px;-webkit-box-shadow:5px 5px 20px #1f2732; -moz-box-shadow:5px 5px 20px #1f2732; box-shadow:5px 5px 20px #1f2732; -webkit-transform:translateZ(0);}
.InquireBasket_Title{ background-color:#7298ba; color:#FFF; line-height:40px; font-weight:bold; text-align:center;}
.InquireBasket_Title span{}
.InquireBasket_Title1{ font-size:20px; width:40px; cursor:pointer; display:inline-block;}
.InquireBasket_Title2{ width:148px; font-size:13px; display:inline-block;}
.InquireBasket_Title2 span{ color:#ffb629;}
.InquireBasket_Content{ height:190px; overflow:auto; background-color:#FFF; font-size:12px;}
.InquireBasket_Content li{border-bottom:solid 1px #e8e8e8; padding:8px;}
.InquireBasket_Content li img{ width:40px; height:40px; float:left; border:0; margin-right:10px;}
.InquireBasket_Content li:hover{ background-color:#fffeee;}
.InquireBasket_Content .name{ display:block; line-height:20px; height:20px; overflow:hidden;}
.InquireBasket_Content .name a{ color:#246bb3;}
.InquireBasket_Content li .delbt{ display:none;}
.InquireBasket_Content li:hover .delbt{ display:block; line-height:20px;}
.InquireBasket_Content .delbt a{ color:#888;}
.InquireBasket_Content .delbt a:hover{ color:#444; text-decoration:underline;}

.InquireBasket_Submit{ text-align:right; padding:8px 10px 0 0;}
.InquireBasket_Submit a{ background-color:#e64545; color:#FFF; line-height:24px; width:70px; display:inline-block; text-align:center;}

.Inquire_Tabs{ border:0; border-collapse:collapse;}
.Inquire_Tabs th, .Inquire_Tabs td{ border:solid 1px #d3d3d3; padding:8px;}
.Inquire_Tabs th{ background-color:#f1f1f1; height:20px; text-align:center;}
.Inquire_Tabs1{ width:40%; text-align:center;}
.Inquire_Tabs1 img{ width:120px; max-width:100%; border:0;}
.Inquire_Tabs2{}

.Inquire_Tabs_Data{ border:0; border-collapse:collapse;}
.Inquire_Tabs_Data th, .Inquire_Tabs_Data td{ padding:6px;}

.ts{ text-align:center; margin:60px 0;}


/*产品滚动列表样式*/
.roll {display: inline-block;overflow: hidden;width: 500px; height:122px;}
.roll .LeftBotton{display: inline; float: left; overflow: hidden; width:20px; cursor: pointer; text-align:center; margin-right:10px;}
.roll .LeftBotton img{ width: 20px; height:85px;}
.roll .RightBotton img{ width: 20px; height:85px;}
.roll .RightBotton {display: inline;float: left;overflow: hidden; width: 20px; cursor: pointer; text-align:center; margin-left:10px;}
.roll .Cont { padding-right: 0px; padding-left: 0px; float: left; overflow: hidden; width: 440px;}
.roll .ScrCont {width: 10000000px}
.roll #List1 {float: left;}
.roll #List2 {float: left;}


/*友情连接*/
.link{ border:solid 2px #c6c6c5; padding:20px;}
.link1{}
.link1 .n1{ color:#828282; height:20px; line-height:20px; font-size:30px; display:inline-block; padding:6px 0 0;}
.link1 .n2{ background-color:#828282; color:#FFF; line-height:32px; padding:0 10px; display:inline-block; margin:0 20px 0 5px;}
.link2{ clear:both; padding:10px 0 0; line-height:32px;}

.wk1_1{ background-color:#eeeeee; height:38px; line-height:38px;}
.wk1_1 h1, .wk1_1 h2{ margin:0; background-color:#4594e0; background-image:url(../index/wk1_1.gif); background-repeat:no-repeat; background-position:right top; display:inline-block; color:#FFF; padding:0 50px 0 20px; line-height:38px; font-size:17px; width:180px; font-weight:normal;}
.wk1_1 span{}
.wk1_1 span a{ padding:0 20px; display:inline-block;}
.wk1_1 a{ color:#FFF;}
.wk1_1 a:hover{ color:#FF0;}


.submenu{position:relative; margin:-40px 0 0; height:40px; background-image:url(../index/submenubg.png);}
.submenu li{ float:left;}
.submenu li a{ line-height:40px; color:#FFF; display:inline-block; line-height:35px; padding:3px 15px 0;}
.submenu li a:hover{ color:#FF0;}
.submenu li .this{ border-top:solid 3px #e77817; padding:0 15px;}


.lmenu1{ margin-bottom:10px;}
.lmenu1 a{ display:block; line-height:1.3;}

.leftmenu1{ padding:12px; font-size:16px; color:#4c4c4c; text-align:center; border:solid 1px #aaaaaa;}
.leftmenu1:hover{ border-color:#1e3485; background-color:#1e3485; color:#FFF;}
.leftmenu1o, .leftmenu1o:hover{ padding:12px; font-size:16px; text-align:center; border:solid 1px #1e3485; background-color:#1e3485; color:#FFF;}

.lmenu2{ border:solid 1px #1e3485; padding:15px;}
.leftmenu2{ padding:10px 10px 10px 36px; font-size:15px; background-image:url(../index/left-menu2-up.png); background-repeat:no-repeat; background-size:5px auto; background-position:22px 17px;}
.leftmenu2:hover{ background-image:url(../index/left-menu2-over.png);}
.leftmenu2o{ padding:10px 10px 10px 36px; font-size:15px; color:#4594e0; background-image:url(../index/left-menu2-over.png); background-repeat:no-repeat; background-size:5px auto; background-position:22px 17px;}


/*招聘样式*/
.jobs_list{ border:solid 1px #d3d3d3; padding:0px; margin:0 0 15px;}
.jobs_list .jobs_title{ background-color:#ededed; color:#222; font-size:16px; font-weight:bold; line-height:20px; padding:12px 15px;}
.jobs_list .jobs_content{ padding:15px 20px;}
.jobs_list .jobs_content div{ margin:3px 0; line-height:1.5;}

.JobsAdd{}
.JobsAdd div{float:left; margin:0 0 10px;}
.JobsAdd2{ display:table-cell; width:25%; text-align:center; height:36px; padding:8px 0; line-height:20px;}
.JobsAdd3, .JobsAdd4{ display:table-cell; width:75%; height:36px; line-height:36px;}
.JobsAdd5{ display:table-cell; height:100px; width:75%; text-align:center;}
.JobsAdd3 input, .JobsAdd5 textarea{ background-color:#fafafa; border:solid 1px #d3d3d3; width:100%; height:36px; line-height:36px; outline:none; padding:0 8px;}
.JobsAdd5 textarea{ height:100px; line-height:20px;}
.JobsAdd6{ text-align:center; width:100%;}


.setpage{ text-align:center; line-height:20px;}
.setpage a{ background-color:#F0F0F0; padding:1px 6px; display:inline-block; border:solid 1px #666; margin:6px 3px;}
.setpage input{ border:solid 1px #3e3e3e; background-color:#000; height:19px; color:#FFF; width:30px; margin-bottom:1px;}
.setpage .currentpage{ padding:1px 6px; display:inline-block; border:solid 1px #4594e0; color:#FFF; background-color:#4594e0; margin:6px 3px;}


/*右边在线浮动图标*/
.side_right{ right:5px; position:fixed; z-index:9998; top:50%; width:100px; margin-top:-180px;}
.side_right1{ background-image:url(../index/kefu/1.png); height:50px;}
.side_right2{ background-color:#ff8a00; text-align:center; padding:5px 0 0;}
.side_right2_1{}
.side_right2_2{}
.side_right2_2 ul{}
.side_right2_2 ul li{ margin:5px 0;}
.side_right2_2 ul li a{ background-image:url(../index/kefu/bt.gif); background-repeat:no-repeat; background-position:center; line-height:28px; height:28px; display:block; color:#a40000; font-weight:bold; font-size:14px;}
.side_right2_2 ul li a:hover{ color:#000;}
.side_right2_3{ color:#FFF; padding:5px 0 10px; font-size:13px;}
.side_right3{ border-top:solid 1px #ffd099; cursor:pointer;}

.fenxiang{ height:36px; line-height:36px; padding:10px 0 0 0; font-size:12px;}
.fenxiang1{ float:left; margin-right:8px; font-weight:bold;}
.fenxiang2{ float:left;}


.sitemap_location{ padding:0 0 20px;}
.sitemap_menu{}
.sitemap_menu>li{ border-top:dotted 1px #d1d1d1; padding:20px;}
.sitemap_menu>li>a{ padding:10px; display:inline-block; font-weight:bold; font-size:18px;}
.sitemap_menu>li>ul>li{ float:left;}
.sitemap_menu>li>ul>li>a{ padding:10px; display:inline-block; font-size:16px;}


/*图片相册*/
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}                    
@keyframes jssorl-009-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}                    

.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#4594e0;opacity:.3;}
.jssora106 .a {fill:none;stroke:#fff;stroke-width:550;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

.jssort101{}
.jssort101 .p {position:absolute;top:0;left:0; box-sizing:border-box; cursor:pointer;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover{}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none; opacity:0.4; border:solid 1px #666;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}


/*=============================*/
/*手机兼容*/

/*底部导航*/
.bottom{ position:fixed; z-index:99997; height:60px; width:100%; bottom:0; background-color:#4594e0; -webkit-box-shadow:0 0 10px #B8B8B8; -moz-box-shadow:0 0 10px #B8B8B8; box-shadow:0 0 10px #B8B8B8; -webkit-transform:translateZ(0);}
.bottom li{ width:20%; float:left; text-align:center; line-height:22px;}
.bottom img{ width:80%; max-width:20px;}
.bottom a{ background-size:auto 40%; line-height:24px; padding:34px 0 6px; display:inline-block; width:100%; background-repeat:no-repeat; background-position:center 8px; color:#FFF;}
.bottom a:hover{ color:#FFF;}
.bottom_home{ background-image:url(../index/m/foottool_home.png);}
.bottom_tel{ background-image:url(../index/m/foottool_tel.png);}
.bottom_map{ background-image:url(../index/m/foottool_map.png);}
.bottom_email{ background-image:url(../index/m/foottool_email.png);}
.bottom_skype{ background-image:url(../index/m/foottool_skype.png);}
.bottom_whatsapp{ background-image:url(../index/m/foottool_whatsapp.png);}
.foottool_dir{ background-image:url(../index/m/foottool_dir.png);}


/*菜单背景颜色*/
.mobile-nav-back{
	height:100%;
	width:100%;
	position:fixed;
	background-color:#000;
	z-index:99998;
	top:0;
	left:-100%;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}
.mobile-nav-back.menu-is-open{
	left:0;
}

/*菜单*/
.mobile-nav{ 
	height:100%; 
	width:90%;
	max-width:300px;
	overflow:hidden;
	background-color:#FFF; 
	position:fixed;
	z-index:99999;
	top:0; 
	left:-300px;
	display:inline-block;
}
.mobile-nav.menu-is-open{
	left:0;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.mobile-nav-close{ position:absolute; right:0; z-index:99999;}
.mobile-nav-close img{ width:30px;}
.mobile-nav-menu{ height:100%; overflow:auto; padding:0 20px;}
.mobile-nav-tools{ position:fixed; z-index:99999; bottom:0; width:100%; text-align:center; padding:15px 0; background-color:#FFF;}
.mobile-nav-tools a{ display:inline-block; width:40%; text-align:center; margin:0 3%; line-height:36px; font-size:14px; border:solid 1px #efefef;}
.mobile-nav-tools a:hover{ border-color:#c3c3c3;}
.mobile-nav-tools img{ width:20px; margin-right:4px;}

.mobile-find{ padding:0 0 40px;}
.mobile-find1{ width:228px; line-height:32px; height:34px; padding:0 5px; border:solid 1px #CCC;}
.mobile-find2{ width:32px; padding:4px 3px;}


/*弹出菜单样式*/
.toplang{ padding:20px 0 0;}
.toplang img{ margin-right:5px;}
.toplang a{ display:inline-block; padding:5px; margin-right:5px;}
.topnav {width:100%; margin:10px 0 30px;}
.topnav {line-height: 0.5em;}
.topnav>li {border-bottom:solid 1px #efefef;}
.topnav li a {
	line-height: 20px;
	font-size: 17px;
	padding: 15px 5px;
	color: #3e3e3e;
	display: block;
	font-weight:bold;
	text-decoration: none;
}
.topnav li a:hover {
	color:#4594e0;
}
.topnav ul {
	display: none;
	padding:0 0 10px;
}
.topnav ul li {
	clear: both;
}
.topnav ul li a {
	color:#3e3e3e;
	background-image:url(../index/m/mobile-navigation-icon1.png);
	background-repeat:no-repeat;
	-moz-background-size:6px;
	-webkit-background-size:6px;
	-o-background-size:6px;
	background-size:6px;
	background-position:8px 10px;
	padding:5px 5px 5px 20px;
	font-size: 16px;
	font-weight: normal;
	outline:0;
}
.topnav ul li a:hover {
	background-position:8px -28px;
}
/*二级*/
.topnav ul ul{ padding:8px 0;}
.topnav ul ul li a {
	color:#3e3e3e;
	background-image:url(../index/m/mobile-navigation-icon2.png);
	background-position:20px 10px;
	padding:3px 5px 3px 35px;
	font-size:13px;
}
.topnav ul ul li a:hover {
	background-position:20px -16px;
}
/*三级*/
.topnav ul ul ul{ padding:8px 0 8px 16px;}
.topnav ul ul ul li a {
	color:#3e3e3e;
	background-image:url(../index/m/mobile-navigation-icon3.png);
	background-position:20px 10px;
	padding:3px 5px 3px 35px;
	font-size:12px;
}
.topnav ul ul ul li a:hover {
	background-position:20px -64px;
}

.topnav span{
	float:right;
	margin-top:3px;
}
.topnav .active a{color:#4594e0;}

.csshide{display:none;}
.cssshow{display:block;}



/*专业领域*/
.practice1_1{ background-repeat:no-repeat; background-position:center top; padding:60px 0 0; background-size:auto 440px;}
.practice1_1 .title{ font-weight:bold; font-size:36px; color:#FFF;}
.practice1_1 .title a{ color:#FFF;}
.practice1_1 .title a:hover{ border-bottom:solid 1px #FFF;}
.practice1_1 .desc{ padding:10px 0 20px; font-size:16px; line-height:1.8; color:#FFF;}
.practice1_1 .menu{}
.practice1_1 .menu .item{ float:left; width:50%;}
.practice1_1 .menu .item a{ display:block; padding:60px 0; font-size:26px; text-align:center; position:relative;}
.practice1_1 .menu .item a div{ position:absolute; font-size:16px; width:100%; line-height:1.6;}
.practice1_1 .menu .item:nth-child(1) a, .practice1_1 .menu .item:nth-child(4) a{ background-color:#fcead7; color:#733232;}
.practice1_1 .menu .item:nth-child(2) a, .practice1_1 .menu .item:nth-child(3) a{ background-color:#eeeeee; color:#222;}
.practice1_1 .menu .item:nth-child(1) a:hover, .practice1_1 .menu .item:nth-child(4) a:hover{ background-color:#edd4ba;}
.practice1_1 .menu .item:nth-child(2) a:hover, .practice1_1 .menu .item:nth-child(3) a:hover{ background-color:#dfdfdf;}


.practice1_2{ font-size:22px; font-weight:bold; border-bottom:solid 1px #c9c9c9; position:relative;}
.practice1_2 span{ border-bottom:solid 2px #1d1b13; line-height:1.6; position:relative; top:1px; padding:0 10px; display:inline-block;}
.practice1_3{ line-height:1.8; padding:15px 0;}
.practice1_3b{ line-height:1.8; padding:15px 0;}
.practice1_4{ padding:10px 0 0;}
.practice1_4 .newslist4_1 a{ color:#3e3e3e;}
.practice1_4 .newslist4_1 a:hover{ color:#4594e0;}
@media (min-width: 768px) {	
	.practice1_1{ padding:70px 0 0; background-size:auto 320px;}
	.practice1_1 .title{ font-size:40px;}
	.practice1_1 .desc{ padding:15px 0 30px; font-size:17px; line-height:2;}
	.practice1_1 .menu .item{ width:25%;}
	.practice1_1 .menu .item a{ padding:60px 0; font-size:26px;}
	.practice1_1 .menu .item a div{ font-size:16px;}
	.practice1_1 .menu .item:nth-child(1) a, .practice1_1 .menu .item:nth-child(3) a{ background-color:#fcead7; color:#733232;}
	.practice1_1 .menu .item:nth-child(2) a, .practice1_1 .menu .item:nth-child(4) a{ background-color:#eeeeee; color:#222;}	
	.practice1_1 .menu .item:nth-child(1) a:hover, .practice1_1 .menu .item:nth-child(3) a:hover{ background-color:#edd4ba;}
	.practice1_1 .menu .item:nth-child(2) a:hover, .practice1_1 .menu .item:nth-child(4) a:hover{ background-color:#dfdfdf;}

	.practice1_2{ font-size:28px;}
	.practice1_2 span{}
	.practice1_3{ line-height:2; padding:20px 0;}
	.practice1_3b{ line-height:2; padding:20px;}

}
@media (min-width: 992px) {
	.practice1_1{ padding:80px 0 0; background-size:auto 380px;}
	.practice1_1 .title{ font-size:44px;}
	.practice1_1 .desc{ font-size:18px;}
	.practice1_1 .menu .item a{ padding:100px 0; font-size:34px;}
	.practice1_1 .menu .item a div{ font-size:18px;}
}
@media (min-width: 1200px) {
	.practice1_1{ padding:90px 0 0; background-size:auto 440px;}
	.practice1_1 .title{ font-size:48px;}
	.practice1_1 .desc{ font-size:20px;}
	.practice1_1 .menu .item a{ padding:120px 0; font-size:40px;}
	.practice1_1 .menu .item a div{ font-size:20px;}
}


.practice2_1{ background-repeat:no-repeat; background-position:center top; padding:20px 0 0; background-size:auto 440px;}
.practice2_1_1 .title{ font-weight:bold; font-size:36px; color:#FFF;}
.practice2_1_1 .title a{ color:#FFF;}
.practice2_1_1 .title a:hover{ border-bottom:solid 1px #FFF;}
.practice2_1_1 .desc{ padding:10px 0 20px; font-size:16px; line-height:1.8; color:#FFF;}
.practice2_1_2{ margin:-4px;}
.practice2_1_2 .item{ padding:4px; text-align:center;}

.practice2_2{ background-color:#f2f1f1; padding:20px 10px 40px;}
.practice2_2_1{ text-align:center; font-size:24px; font-weight:bold;}
.practice2_2_2{ position:relative;}
.practice2_2_2 .small{ text-align:center;}
.practice2_2_2 .small .swiper-container{ display:inline-block;}
.practice2_2_2 .small .swiper-slide{ width:auto; cursor:pointer; display:inline-block; margin:20px 0; line-height:40px; padding:0 10px; font-size:15px; position:relative;}
.practice2_2_2 .small .swiper-slide-thumb-active{ background-color:#1d1b13; color:#FFF;}
.practice2_2_2 .small .swiper-slide-thumb-active:after{ width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #1d1b13; content:""; display:inline-block; position:absolute; left:50%; top:40px; margin-left:-10px;}
.practice2_2_2 .big{ padding:0 25px; margin:0 -25px; position:relative;}
.practice2_2_2 .big .swiper-container{ background-color:#FFF;}
.practice2_2_2 .big .info{ margin:20px; background-image:url(../index/practice2_5.jpg); background-repeat:no-repeat; background-position:center bottom;}
.practice2_2_2 .big .info .title{ border-bottom:solid 1px #d1d1d1; font-size:20px; padding-bottom:10px; font-weight:bold;}
.practice2_2_2 .big .info .content{ padding:10px 10px; line-height:1.8; height:260px; overflow-y:auto;}
@media (min-width: 768px) {	
	.practice2_1{ padding:30px 0 0; min-height:320px; background-size:auto 320px;}
	.practice2_1_1 .title{ font-size:40px;}
	.practice2_1_1 .desc{ padding:15px 0 30px; font-size:17px; line-height:2;}
	.practice2_1_2 .item{ float:left; width:33.33%; text-align:right;}
	
	.practice2_2{ padding:30px 20px 50px;}
	.practice2_2_1{ font-size:28px;}
	.practice2_2_2 .small .swiper-slide{ margin:25px 0; line-height:44px; padding:0 20px; font-size:18px;}
	.practice2_2_2 .small .swiper-slide-thumb-active:after{ top:44px;}
	.practice2_2_2 .big{ padding:0 35px; margin:0 -35px;}
	.practice2_2_2 .big .info{ margin:30px;}
	.practice2_2_2 .big .info .title{ font-size:22px; padding-bottom:10px;}
	.practice2_2_2 .big .info .content{ padding:10px 20px; line-height:1.8; height:260px;}
	
}
@media (min-width: 992px) {
	.practice2_1{ padding:40px 0 0; min-height:380px; background-size:auto 380px;}
	.practice2_1_1{ float:left; width:66%;}
	.practice2_1_1 .title{ font-size:44px;}
	.practice2_1_1 .desc{ font-size:18px;}
	.practice2_1_2 .item{ float:none; width:100%;}
	.practice2_1_2{ float:left; width:34%;}
}
@media (min-width: 1200px) {
	.practice2_1{ padding:50px 0 0; min-height:440px; background-size:auto 440px;}
	.practice2_1_1 .title{ font-size:48px;}
	.practice2_1_1 .desc{ font-size:20px;}
	
	.practice2_2{ padding:40px 0 60px;}
	.practice2_2_1{ font-size:36px;}
	.practice2_2_2 .small .swiper-slide{ margin:30px 0; line-height:50px; padding:0 20px; font-size:20px;}
	.practice2_2_2 .small .swiper-slide-thumb-active:after{ top:50px;}
	.practice2_2_2 .big{ padding:0 50px; margin:0 -50px;}
	.practice2_2_2 .big .info{ margin:50px;}
	.practice2_2_2 .big .info .title{ font-size:24px; padding-bottom:10px;}
	.practice2_2_2 .big .info .content{ padding:10px 20px; line-height:2; height:260px;}
}

@media (max-width: 991px){
	.practice2_2_2 .big .swiper-button-next, .practice2_2_2 .big .swiper-button-prev {zoom:0.7;}
}

@media (max-width: 767px){
	.practice2_2_2 .big .swiper-button-next, .practice2_2_2 .big .swiper-button-prev {zoom:0.5;}
}



/*弹性布局*/
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:box;flex-wrap:wrap;}
.flex_nowarp{flex-wrap:nowrap; }
/*元素交叉轴的起点对齐*/
.flex_align_st{align-items:flex-start;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;}
/*元素交叉轴的结束对齐*/
.flex_align_se{align-items:flex-end;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;}
/*元素居中*/
.flex_align_c{align-items:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;}
/*元素点满容器高度*/
.flex_align_s{align-items:stretch;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;}
/*水平排列*/
.flex_direction_h{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;}
/*水平翻转排列*/
.flex_direction_rr{-webkit-box-orient:horizontal;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;flex-direction:row-reverse;}
/*垂直排列*/
.flex_direction_v {-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;}
/*每个项目两侧间隔相等*/
.flex_justify_sa {-webkit-box-pack:justify;justify-content:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;}
/*居中对齐*/
.flex_justify_c {-webkit-box-pack:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;}
/*两端对齐*/
.flex_justify_sb {justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;}
/*左对齐*/
.flex_justify_fs {-webkit-box-pack:start;justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;}
/*右对齐*/
.flex_justify_fe {-webkit-box-pack:end;justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;}


.flex_align_sb{align-content:space-between;-webkit-box-content:space-between;-webkit-content-items:space-between;-moz-content-items:space-between;-ms-content-items:space-between;-o-content-items:space-between;}



/*视频播放按钮*/
.video_content{ position:relative; cursor:pointer;}
.video_content .video_btn{ position:absolute; width:100%; height:100%; z-index:1; display:block;}
.video_content .video_btn:before{
	width:60px;
	height:60px;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	content:"";
	margin:-50px -30px;
	left:50%;
	top:50%;
	-moz-border-radius:200px;
	border-radius:200px;
}
.video_content .video_btn:after{
	width:0;
	height:0;
	border-top:12px solid transparent;
	border-left:20px solid #FFF;
	border-bottom:12px solid transparent;
	position:absolute;
	content:"";
	margin:-32px -7px;
	left:50%;
	top:50%;
}
@media (min-width: 992px) {
	.video_content .video_btn:before{
		width:80px;
		height:80px;
		border-width:6px;
		margin:-60px -40px;
	}
	.video_content .video_btn:after{
		border-top:15px solid transparent;
		border-left:24px solid #FFF;
		border-bottom:15px solid transparent;
		margin:-35px -9px;
	}
}
@media (max-width: 767px) {
	.video_content .video_btn:after, .video_content .video_btn:before{ display:none;}
}