@charset "utf-8";
/* page1 */
.zhuanti_left{width: 200px; height: 150px; float: left;margin-right: 30px;}
.zhuanti_left img{width: 100%;height: 150px;margin-right: 0px;display: block;}
.main_left{
	background-color: white;
}
.main_left h3 {
	background: #4CA9FF;
	text-align: left;
	padding-left: 28px;
}
.main_left dl{
	border-left: solid 3px #4CA9FF;
	border-right: solid 0px #ddd;
}
.main_left .up dt a {
	/* font-family: "宋体"; */
	font-weight: normal;
	letter-spacing: 0.5px;
}
.main_left .up dt a:hover {
	color: red;
}
.main_right {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.picList a:hover img{border: 1px solid #4CA9FF;}

.tuijian h4 {
	background:none;
	padding-left: 20px;
	border-bottom: solid 3px #4CA9FF;
}
.tuijian {
	border: none;
}
.tuijian li {
    height: 40px;
    line-height: 40px;
}
.tuijian li a{
	font-size: 14px;
	color: #777777;
}
.tuijian li a:hover{
	color: #0183FE;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
        border-radius: 10px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148)));
}

/* page2 */
/* liMax5 */
.liMax5{background-color: #FFFFFF;padding-top: 50px;}
.liMax5 ul{margin: 0px auto;width: 1200px;height:100px;line-height: 100px;display: flex;justify-content: center;align-items: center;}
.liMax5 ul a{min-width: 200px;padding: 10px 0px;margin: 0px 20px; width: 200px;height: 20px; max-width: 300px;background-color: #F5F5F5;color: #999999;font-size: 16px;
letter-spacing: 1px;text-align: center;border-radius: 20px;display:flex;justify-content: center;align-items: center;}
.liMax5 ul a:hover{background-color: #6BC9EC;color: #FFFFFF;cursor: pointer;}
.liMax5 ul a.active{background-color: #09A2E1;color: #FFFFFF;}
/* liMax5Up */
.liMax5Up{background-color: #FFFFFF;padding-top: 50px;}
.liMax5Up .liMax5Up-main{display: flex;width: 1200px;display: flex;padding: 20px 0px;justify-content: center;align-items: center;margin: 0px auto;}
.liMax5Up .liMax5Up-main .mainsanji{min-width: 1200px; min-height: 70px;display: flex;align-items: stretch;line-height: 1; justify-content: center;
border: 1px solid #F5F5F5;background-color: #F8F8F8;}
.liMax5Up .liMax5Up-main .left{width: 200px;display: flex;justify-content: center;align-items:center; background-color: #4CA9FF;color: #FFFFFF;min-height: 100px;}
.liMax5Up .liMax5Up-main  ul{width: 1000px;display: flex;justify-content: start;align-items: center;flex-wrap: wrap;padding: 20px 20px;}
.liMax5Up .liMax5Up-main  ul a{min-width: 170px;padding: 15px 10px;color: #888888;display: flex;justify-content:center ;align-items: center;letter-spacing: 1px;}
.liMax5Up .liMax5Up-main  ul a:hover{background-color: #6BC9EC;color: #FFFFFF;border-radius: 25px;cursor: pointer;}
.liMax5Up .liMax5Up-main  ul a.active{background-color: #09A2E1;color: #FFFFFF;border-radius: 25px;}
/* 图片布局 */
#bodycontent{background-color: #FFFFFF;padding-top: 50px;padding-bottom: 50px;}
.clear{clear: both;}
.pro_one_box > .pro_pic > a,.dgweb_list_item > .dgweb_list_item_pic > a{ display:block; overflow:hidden; margin: 3px; }
.pro_one_box > .pro_pic > a > img,.dgweb_list_item > .dgweb_list_item_pic > a > img{ width: 100%; transition: ease-in-out 0.25s all; height:auto; border:0 none !important; }
.pro_one_box,.dgweb_list_item{ float: left; width:31.33334% !important; margin: 1% 1% 5%; background:#fcfcfc; transition: ease-in-out 0.15s all; box-shadow:0 0 0px 1px #ccc; position:relative; }
.pro_one_box:hover,.dgweb_list_item:hover{ box-shadow:0 0 0px 1px #dd0214; }
.pro_pic,.dgweb_list_item > .dgweb_list_item_pic { height: auto !important; }
.pro_name::after, .dgweb_list_item .dgweb_list_item_a::after,.pro_name:after, .dgweb_list_item .dgweb_list_item_a:after{ content: ''; transition: ease-in-out 0.15s all; background: #888; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; }
.pro_name::before, .dgweb_list_item .dgweb_list_item_a::before,.pro_name:before, .dgweb_list_item .dgweb_list_item_a:before { content: ''; transition: ease-in-out 0.4s all; background: #dd0214; position: absolute; left: -200%; bottom: 0; width: 200%; height: 200%; z-index: 2; top: -200%; border-radius: 50%; opacity: 0; }
.pro_one_box:hover .pro_name::after,.dgweb_list_item:hover .dgweb_list_item_a::after{ }
.pro_one_box:hover .pro_name::before, .dgweb_list_item:hover .dgweb_list_item_a::before,.pro_one_box:hover .pro_name:before, .dgweb_list_item:hover .dgweb_list_item_a:before { left: -50%; top: -50%; opacity: 1; }
.pro_name,.dgweb_list_item .dgweb_list_item_a{ bottom:-15px; width:90%; position:absolute; padding:2px 0 !important; margin:0 5%; overflow:hidden; }
.pro_name a,.dgweb_list_item .dgweb_list_item_a a{ display: block; font-size: 13px; line-height: 25px; transition: ease-in-out 0.15s all; color:#fff; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; position:relative; z-index:3; }
.pro_one_box:hover > .pro_pic > a > img,.dgweb_list_item:hover > .dgweb_list_item_pic > a > img{ transform:scale(1.1); }
.pro_one_box:hover,.dgweb_list_item:hover{ }
.pro_one_box:hover .pro_name,.dgweb_list_item:hover .dgweb_list_item_a{ }
.pro_one_box:hover .pro_name a,.dgweb_list_item:hover .dgweb_list_item_a a{ color:#fff}
.pro_detail_rel_item img { display: block; width: 100%; }
.pro_detail_rel_item img { display: block; width: 100%; height: auto; padding: 0 !important; }
.pro_detail_rel_item > div { width: 31% !important; float: left; padding: 20px 9.5px !important; }
.pro_detail_rel_item br{ display:none; }
.pro_detail_rel_item > div > a { display: block; line-height: 34px; font-size: 13px; color: #555; }
.products_pages_info,.dgweb_pages_info,.news_pages_info{ letter-spacing: 1px; font-size: 14px; border: 1px dashed #ccc; margin:10px auto 35px !important; width:800px !important; }
.products_pages_info a,.dgweb_pages_info a,.news_pages_info a{ font-size:14px; }
.products_pages_info a:hover,.dgweb_pages_info a:hover,.news_pages_info a:hover{ font-size:14px; color:#dd0214}
.products_pages_info:hover,.dgweb_pages_info:hover,.news_pages_info:hover{ border: 1px dashed #dd0214; transition: ease-in-out 0.15s all}
/* page2---end */
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	
}

/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
	
}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
	
}