﻿/* CSS Document */
body { margin:0; padding:0; font-family:"微软雅黑"; font-size:14px; color:#000;}
input { height:14px; border:#e0e5ea solid 1px; line-height:14px; font-family:宋体; font-size:14px;}
textarea { font-family:"微软雅黑"; font-size:14px; width:99%; border:#d8d8d8 solid 1px;}
select { font-size:14px;}
form { margin:0;padding:0;}
img{ border:0px; margin:0;padding:0;}
a:link { color:#000; text-decoration:none;}
a:visited { color:#000; text-decoration:none;}
a:hover { color:#000; text-decoration:underline;}
ul,li,dl,dd,dt,p{margin:0;padding:0;list-style:none}
.clear{width:100%;height:0;clear:both;overflow:hidden;}
.clearH{width:100%;height:10px;clear:both;overflow:hidden;}
.clearHH{width:100%;height:20px;clear:both;overflow:hidden;}
.clearHHH{width:100%;height:35px;clear:both;overflow:hidden;}
.clearHHHH{width:100%;height:40px;clear:both;overflow:hidden;}
.cls_pager{margin:3px;padding:3px;text-align:center}
.cls_pager a{border:#666 1px solid;padding:0px 5px;margin:2px;color: #000;text-decoration:none;}
.cls_pager a:hover{border:1px solid #333;color:#000000;}
.cls_pager a:active{border:1px solid #333;color:#000000;}
.cls_pager span.current{border:1px solid #999;padding:0px 5px;font-weight: bold;margin: 2px;color:#ffffff;background:#F00}
.cls_pager span.disabled {border:1px solid #999;padding:0px 5px;color:#333;}

.cls_p3 a{border:#ffffff 1px solid;color:#000099;text-decoration:underline}
.cls_p3 a:hover{border:1px solid #000099;color:#000000;}
.cls_p3 a:active{border:1px solid #000099;color:#ff0000;}
.cls_p3 span.current{border:1px solid #ffffff;color:#000000;background:#ffffff}
.cls_p3 span.disabled{border:1px solid #eeeeee;margin:2px;color:#dddddd;}

/***********/
/********************************【左侧菜单样式】***********************************/
/***********/
.cls_menu_01{width:100%;}	/***********【样式一】***********/
.cls_menu_01 ul li{height:25px;line-height:25px;margin:0 auto;width:80%;text-indent:1em;border-bottom:1px #CCCCCC dashed;padding-top:7px;overflow:hidden}
.cls_menu_01 a{line-height:25px; display:block; height:25px; cursor: pointer;padding-left:6px}
.cls_menu_01 a:link{background:url(/images/include/cls_ico_01.gif) no-repeat left 6px;}
.cls_menu_01 a:hover{background:url(/images/include/cls_ico_01.gif) no-repeat left -15px;}
.cls_menu_01 a:visited{background:url(/images/include/cls_ico_01.gif) no-repeat left 6px;}

.cls_menu_02{width:100%;}	/***********【样式二】**********/
.cls_menu_02 ul li{height:25px;line-height:25px;margin:0 auto;width:80%;text-indent:1em;border-bottom:1px #CCCCCC dashed;padding-top:7px;overflow:hidden}
.cls_menu_02 a{line-height:25px; display:block; height:25px; cursor: pointer;padding-left:8px}
.cls_menu_02 a:link{background:url(/images/include/cls_ico_02.gif) no-repeat left center;}
.cls_menu_02 a:hover{background:url(/images/include/cls_ico_02.gif) no-repeat left center;}
.cls_menu_02 a:visited{background:url(/images/include/cls_ico_02.gif) no-repeat left center;}

.cls_menu_03{width:100%;}	/***********【样式三】**********/
.cls_menu_03 ul{width:100%}
.cls_menu_03 ul li{height:35px;line-height:35px;width:100%;border-bottom:1px #CCCCCC dashed;padding-top:5px;overflow:hidden;background:url(/images/include/cls_ico_03.gif) no-repeat 3px 20px;}
.cls_menu_03 a{float:left;line-height:35px; height:35px;padding-left:5px;text-indent:1em;}
.cls_menu_03 p{float:right;height:35px;line-height:35px;padding-right:3px;color:#686868}

.cls_menu_04{width:100%;}	/***********【样式四】**********/
.cls_menu_04 ul{width:100%}
.cls_menu_04 ul li{height:23px;line-height:23px;width:100%;border-bottom:1px #CCCCCC dashed;padding-top:7px;overflow:hidden;background:url(/images/include/cls_ico_04.gif) no-repeat 5px 18px;}
.cls_menu_04 a{float:left;line-height:23px; height:23px;padding-left:5px;text-indent:1em;}
.cls_menu_04 p{float:right;height:23px;line-height:23px;padding-right:3px;color:#686868}

/*动画样式*/
#swf{width:100%;clear:both;overflow:hidden;z-index:100;}
#banner{background:#fff;}
#scene{position:relative;width:100%}
#scene li{position:absolute;left:0;top:0}
.i_bgbg{width:100%;height:20px;background:url(../images/i_bgbg.png) center repeat-x;position:absolute;bottom:0;z-index:1000;}
.p_bgbg{width:100%;height:19px;background:url(../images/p_bgbg.jpg) center repeat-x;position:absolute;bottom:0;z-index:1000;}

.controlBox{display:inline-block;position:absolute;padding:5px 14px;border-radius:13px;background:rgba(0,0,0,.2);*background-color:transform;*filter:progid:DXImageTransform.Microsoft.Gradient ( enabled=True , startColorStr=#AA000000 , endColorStr=#AA000000 );}
.controlBox.ie8{background-color:transform;filter:progid:DXImageTransform.Microsoft.Gradient ( enabled=True , startColorStr=#AA000000 , endColorStr=#AA000000 )}
.controlBox .ico{float:left;width:16px;line-height:16px;overflow:hidden;margin:0 4px;height:16px;background:url(/images/ico.png) left top no-repeat;cursor:pointer;}
.controlBox .icoie6{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=true , sizingMethod='image' , src='/images/ico.png' ) }
.controlBox .pause{background:url(/images/pause-black.png) left top no-repeat}
.controlBox .play{background:url(/images/pause-black.png) left -16px no-repeat}
span.mask{position:absolute;width:8px;height:16px;overflow:hidden;left:0;top:4px;background:none;background-color:transparent}
span.mask span{position:absolute;margin:0;right:0;top:0;width:16px;height:16px;background:url(/images/rotator-black.png) center center no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=true , sizingMethod='image' , src='/images/rotator-black.png' );}
span.move{background:url(images/timer-black.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=true , sizingMethod='image' , src='/images/timer-black.png' );width:16px;}

.cls_news{float:left;width:100%;overflow:hidden;clear:both;margin-top:30px;}
.cls_news a:link{color:#0074E8;}
.cls_news a:visited{color:#0074E8;}
.cls_news a:hover{color:#223377;text-decoration:underline;}
.cls_news_span{float:left;width:160px;padding-left:10px;padding-top:6px;}
.cls_news_span img{float:left;width:150px;}
.cls_news_div{float:left;display:inherit;margin-left:15px;width:600px;height:140px;}
.cls_news_div ul{float:left;width:100%;height:100%;overflow:hidden}
.cls_news_div ul li{float:left;width:100%;line-height:32px;padding-bottom:5px;border-bottom:1px dotted #DDD;color:#999;font-size:15px;}
.cls_news_divliT{line-height:26px;}
.cls_news_divliT a{float:left;background:url(/Images/Include/cls_news_ico.gif) 0 10px no-repeat;padding-left:15px;font-size:18px;}
.cls_news_divliT p{float:right;padding-right:5px}
.cls_news_detitle{width:100%;margin:0;clear:both;padding-top:10px;font-size:14px;}
.cls_news_detitle div{width:100%;text-align:center;}
.cls_news_detitle h4{margin:0;padding:0;font-weight:bold;font-size:24px;line-height:40px; color:#000;}
.cls_news_detitle p{margin:0;padding:0;padding-top:5px;padding-bottom:10px;color:#333;font-size:16px;}
.cls_news_decontent{width:100%;margin:0 auto;line-height:35px;padding-bottom:10px;clear:both;font-size:14px;padding-top:10px;padding-bottom:10px;color:#000;font-size:16px;min-height:400px;}
.cls_news_debottom{width:100%;margin:0 auto;padding-top:15px;}
.cls_news_debottom div{line-height:30px;font-size:16px;height:30px;overflow:hidden;}
.cls_news_debottom div b{font-weight:normal;}
.cls_news_debottom a:link,cls_news_debottom a:visited{color:#333;}
.cls_news_debottom a:hover{color:#F00;}
.cls_news_tags{float:left;width:100%;line-height:25px;padding-top:5px;}
.cls_news_description{width:93%;padding:10px;border:1px dashed #cccccc;color:#888888;background:#F7FCFF;margin:10px auto;line-height:23px;position:relative;}
.cls_news_daodu{position:absolute;width:60px;height:20px;left:10px;top:-12px;text-align:center;font-weight:bold;color:#C00;background:#FFF;font-size:14px;}
.cls_news_line{float:left;width:100%;height:12px;overflow:hidden;background:url(/Images/Include/boxoff.gif) 0 6px repeat-x;}
.cls_news_line i{float:left;width:10px;height:12px;overflow:hidden;background:url(/Images/Include/boxoff.gif) 0 -9px no-repeat;}
/*顶踩*/
.TopsStepsDiv{width:406px;height:51px;margin:8px auto;clear:both;overflow:hidden;padding-left:8px;line-height:20px}
.TopsStepsDiv font{font-size:12px}
.TopsDiv{float:left;width:195px;height:51px;margin-right:8px;overflow:hidden;cursor:pointer;background:url(/Images/Include/newdigg-bg.png) no-repeat top left;}
.TopsDiv b{float:left;font-size:16px;color:#cc3300;padding-left:30px;padding-top:7px}
.TopsDiv i{float:left;padding-top:7px;color:#dc6633;font-style:normal;font-family:Verdana, Geneva, sans-serif;padding-left:5px}
.TopsDiv span{float:left;display:inherit;margin-left:13px;margin-top:7px;height:8px;width:102px;background:#ededed;overflow:hidden}
.TopsDiv span samp{float:left;height:6px;border:1px solid #e37f24;background:#ffc535;overflow:hidden}
.TopsDiv p{float:left;padding-left:8px;padding-top:1px;font-family:Verdana, Geneva, sans-serif;font-size:11px}
.StepsDiv{float:left;width:195px;height:51px;overflow:hidden;cursor:pointer;background:url(/Images/Include/newdigg-bg.png) no-repeat top right;}
.StepsDiv b{float:left;font-size:16px;color:#3366cc;padding-left:30px;padding-top:7px}
.StepsDiv i{float:left;padding-top:7px;color:#3399cc;font-style:normal;font-family:Verdana, Geneva, sans-serif;padding-left:5px}
.StepsDiv span{float:left;display:inherit;margin-left:13px;margin-top:7px;height:8px;width:102px;background:#ededed;overflow:hidden}
.StepsDiv span samp{float:left;height:6px;border:1px solid #689acc;background:#94c0e4;overflow:hidden}
.StepsDiv p{float:left;padding-left:8px;padding-top:1px;font-family:Verdana, Geneva, sans-serif;font-size:11px}
/************/
/*************************************【案例中心】**********************************/
/************/
.cls_case_detitle{float:left;width:100%;border-bottom:1px dashed #ededed;}
.cls_case_detitle h4{float:left;margin:0;padding:0;font-weight:bold;font-size:20px;line-height:40px;padding-top:15px;padding-left:10px}
.cls_case_detitle span{float:right;margin-top:15px}
.cls_case_decontent{float:left;width:100%;margin:0 auto;line-height:35px;padding-bottom:10px;padding-top:35px;}
.cls_case_debottom{width:100%;margin:0 auto;float:left;padding-top:10px;}
.cls_case_debottom div{line-height:23px}

/***********【分页样式二】**********/
.product_right_s2{float:left;margin:auto;margin-top:30px;margin-right:25px;margin-left:25px;display:inline;width:345px;}
.product_right_s2_img{width:345px;height:345px;margin:auto;border:1px solid #eaeaea;overflow:hidden;}
.product_right_s2_title{line-height:28px;height:28px;margin:auto;width:100%;text-align:center;}

.product_right_sp{float:left;margin:auto;margin-top:20px;margin-left:15px;display:inline;width:202px;}
.product_right_sp_img{width:200px;height:200px;margin:auto;border:1px solid #eaeaea;overflow:hidden;}
.product_right_sp_title{line-height:28px;height:28px;margin:auto;width:100%;text-align:center;}


/*头部*/
.index_div{clear:both;width:100%;height:800px;background:url(../images/indexbg.jpg) top center no-repeat;position:relative;background-size:90%;}
.index_bottom{width:700px;background:#9f9f9f;height:90px;position:absolute;bottom:-90px;left:150px;}
.index_bottom div{float:left;width:100%;height:50px;border-bottom:1px solid #fff;}
.index_bottom div b{float:left;width:110px;padding-top:15px;padding-left:20px;font-size:18px;}
.index_bottom div p{float:left;width:150px;padding-top:10px;font-size:14px;}
.index_bottom div i{float:left;padding-top:10px;font-size:14px;font-style:normal;}
.index_bottom span{float:left;width:100%;line-height:38px;color:#fff;font-size:15px;}
.xutishufa{position:absolute;top:38%;left:18%;}
.yishujialiu{position:absolute;top:68%;left:33%;}
.rencaipeixun{position:absolute;top:60%;left:19%;}
.xinfo{position:absolute;top:62%;left:28%;}
.guwan{position:absolute;top:70%;left:3%;}
.shichi{position:absolute;top:68%;left:23%;}
.guohua{position:absolute;top:25%;left:30%;}
.guwen{position:absolute;top:80%;left:12%;}
.yishu{position:absolute;top:80%;left:62%;}
.shanyuan{position:absolute;top:88%;left:68%;}


.xutishufa img{width:90%;}
.yishujialiu img{width:90%;}
.rencaipeixun img{width:90%;}
.xinfo img{width:90%;}
.guwan img{width:90%;}
.xutishufa img{width:90%;}
.shichi img{width:90%;}
.xutishufa img{width:90%;}
.guohua img{width:90%;}
.xutishufa img{width:90%;}
.guwen img{width:90%;}
.yishu img{width:90%;}
.shanyuan img{width:90%;}

.page_div{float:left;clear:both;width:100%;}
.page_logo{float:right;width:330px;padding-top:80px;}
.page_nav{float:right;width:120px;padding-top:350px;padding-right:60px;}
.page_nav ul{float:left;width:100%;background:#eee;}
.page_nav li{float:left;width:100%;border-bottom:1px solid #ddd;}
.page_nav li a{float:left;width:100%;line-height:50px;font-size:20px;text-align:center;}
.page_con{float:right;width:900px;margin-right:100px;overflow:hidden;}
.Location{float:left;width:100%;padding-top:50px;}
.Location b{float:left;font-size:24px;display:none;}
.Location p{float:right;font-size:18px;padding-top:10px;}
.page_aboutT{float:left;width:100%;padding-top:240px;border-bottom:1px solid #000;font-size:26px;padding-bottom:5px;}
.page_aboutC{float:left;width:100%;padding-top:50px;}
.page_aboutC p{float:left;width:50%;font-size:16px;line-height:40px;}
.Newslist_div{float:left;width:100%;padding-top:100px;}
.News_Divs{float:left;width:100%;padding-top:30px;padding-bottom:30px;border-bottom:1px solid #ccc;}
.News_Divs div{float:left;width:15%;height:100px;overflow:hidden;}
.News_Divs div img{width:100%;float:left;}
.News_Divs span{width:60%;float:left;padding-top:40px;font-size:20px;font-weight:bold;padding-left:30px;}
.News_Divs p{float:right;width:15%;padding-top:80px;color:#666;}

.News_Cons{float:left;width:100%;padding-top:100px;}
.News_One{float:left;width:95%;clear:both;}
.News_One span{float:right;width:20px;line-height:30px;font-size:20px;writing-mode:vertical-lr;padding-left:8px;}
.News_One div{width:580px;margin:0 auto;clear:both;}
.News_One div img{float:left;width:100%;}
.News_Two{float:left;width:95%;clear:both;}
.News_Two .NewsT{float:left;width:100%;font-size:24px;font-weight:bold;padding-top:50px;}
.News_Two .NewsC{float:left;width:100%;font-size:16px;line-height:35px;padding-top:50px;}
.News_Three{float:left;width:95%;clear:both;border-top:1px solid #ccc;padding-top:10px;margin-top:50px;font-size:16px;}
.product_nav{float:left;width:100%;padding-bottom:5px;border-bottom:1px solid #000;padding-top:50px;}
.product_nav ul{float:left;width:100%;}
.product_nav ul li{float:left;padding-right:50px;}
.product_nav ul li a{float:left;padding-left:15px;line-height:40px;font-size:18px;}
.product_nav ul li .aed{background:url(../images/dian_ico.jpg) 0 16px no-repeat;}
.Productlist_div{float:left;width:110%;padding-top:30px;}
.product_Divs{float:left;width:20%;margin-right:3.5%;overflow:hidden;margin-top:20px;}
.product_Divs div{float:left;height:150px;width:100%;overflow:hidden;}
.product_Divs div img{float:left;width:100%;-webkit-transition: -webkit-transform 0.5s;  -moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s;}
.product_Divs div img:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.product_Divs span{float:left;width:100%;line-height:30px;text-align:center;font-size:16px;height:30px;overflow:hidden;}
.product_Divs a:hover span{ text-decoration:underline;}


@media screen and (max-width: 1600px){
.index_div{height:750px;}
.page_con{width:800px;}
}
@media screen and (max-width: 1440px){
.index_div{height:700px;}
.page_con{width:700px;}
}