@charset "utf-8";

/*-------------------------------  ■ index 首页---------------------------------*/
.content{ background-color:#f2f2f2; padding:15px 0 13px;}
.content01{ width:1004px; margin:0 auto;}

.index_product{ float:left; over/flow:hidden; width:497px; height:227px; background-color:#fff; border:#e2e2e2 solid 1px; z-index:99999;}
.index_product01{ float:left; width:143px; padding:39px 0 0 19px;}
.index_product02{ height:36px;}
.index_product03{ height:92px; color:#9e9e9e; overflow:hidden; line-height:18px; margin:10px 0 12px;}
.index_product04{ float:left; width:300px; padding: 34px 0 0 26px;}

.solution{ float:right;}

/*********banner*********/
.banner{ height:509px;}
.banner_line{ z-index:9999; position:absolute; width:100%; height:5px; background:url(../images/banner_line.png) repeat-x;}
/**banner首页切换效果**/

#full-screen-slider { width:100%; height:509px; float:left; position:relative;}
#slides { display:block; width:100%; height:509px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination { disp/lay:block; list-style:none; position:absolute; le/ft:720px; right:150px; top:465px; z-index:9900;  paddin/g:5px 15px 5px 0; ma/rgin:0; text-align:center;}
#pagination li { display:list-item; list-style:none; width:13px; height:13px; float:left; margin-left:13px; bo/rder-radius:7px; background:url(../images/d2.png) no-repeat;display:inline-block; text-al/ign:center;}
#pagination li a { display:list-item; width:16px; height:16px; padding:0; margin:0;  text-indent:-9999px; text-alig/n:center; text-align:center;}
#pagination li.current {  background:url(../images/d1.png) no-repeat;}


/**************下边4个大图片区域**************/
.index_btn{ padding:30px 0 45px; height:201px;}

/**********4个图片js效果开始************/

.boxgrid{width:222px;height:201px;float:left;overflow:hidden;position:relative;margin-right:38px;cursor:pointer; display:inline;}
.boxgrid h3{ padding:12px 15px 0;color:#FFF;}
.boxgrid h3 a{ color:#fff;}
.boxgrid h3 a:hover{ color:#fff;}

.boxgrid img.vvv{position:absolute;top:0;left:0;border:0;}
.boxgrid01{ width:192px; overflow:hidden; padding:5px 15px; font-weight:normal;color:#fff; line-height:21px;}	
.boxgrid01 a:link,.boxgrid01 a:visited,.boxgrid01 a:hover{color:#fff; display:block;}
.boxgrid01 a.boxgrid02{ color:#fff;}

.boxcaption{float:left;position:absolute;background:#000;height:105px; overflow:hidden;width:100%;opacity:.8;/* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption{ top:142px; left: 0px; }
.caption .boxcaption {top:100px;left:0px;}


.cc01{ dis/play:none; width:127px; border:#e2e2e2 solid 1px; position:absolute; left:0; top:20px; z-index:99999; border-bottom:none; background-color:#fff;}
.cc01 ul li{ line-height:31px; border-bottom:#e2e2e2 solid 1px; z-index:99999; }
.cc01 ul li a{ height:31px; line-height:31px; display:block; overflow:hidden; padding-left:10px; color:#9e9e9e;}
.cc01 ul li a:hover{ color:#e15615;}

.cc02{ disp/lay:none; width:127px; border:#e2e2e2 solid 1px; position:absolute; left:0; top:20px; z-index:99999; border-bottom:none; background-color:#fff;}
.cc02 ul li{ line-height:31px; border-bottom:#e2e2e2 solid 1px; z-index:99999; }
.cc02 ul li a{ height:31px; line-height:31px; display:block; overflow:hidden; padding-left:10px; color:#9e9e9e;}
.cc02 ul li a:hover{ color:#e15615;}

/*-------------------------------  ■ 内页样式区域---------------------------------*/
.sub_content{ width:1004px; margin:0 auto;background:url(../images/sub/sub_bg.jpg) repeat-y; border-top:#d3d3d3 solid 1px; border-bottom:#d3d3d3 solid 1px; padding-bottom:60px;}
.wz{ line-height:72px; height:72px; padding:0 19px; background:url(../images/sub/wz01.jpg) repeat-x left bottom;}
.wz_tit{ float:left; width:350px; font-size:24px; color:#585858; position:relative;}
.wz01{ float:right; text-align:right; color:#8f8f8f;}
.wz01 a{ color:#8f8f8f;}
.wz01 a:hover{ color:#8f8f8f;}

.fenlei{ position:relative;}
.fenlei01{width:184px;display:none;position:absolute;z-index:99999;top: 50px;left: 0;
}
.fenlei02{ background:url(../images/sub/fl02.png) repeat-y; padding:10px 0;}
.fenlei02 ul li a{ display:block; width:150px; heig/ht:33px; lin/e-height:33px; border-bottom:#f0f0f0 solid 1px; margin:0 auto; font-size:14px; color:#747474; overflow:hidden;}
.fenlei02 ul li a:hover{color:#747474;}

/**********about************/
.sub_about01{ width:738px; float:left;}
.sub_about02{ padding:84px 24px 0; color:#585858; line-height:24px; font-size:14px;}

.sub_about_tit{ height:38px; line-height:38px; background:url(../images/sub/about02.jpg) repeat-x center center; padding:20px 0;}
.sub_about_tit02{ padding:0 7px 0 58px; float:left; font-size:18px; color:#005f9c; position:relative; background-color:#fff; width:138px;}
.sub_about_tit01{ width:45px; position:absolute; background-color:#005f9c; text-align:center; color:#fff;font-family:Arial, Helvetica, sans-serif; top:0; left:0;}

.sub_about03{ padding:8px 24px 60px; color:#2a2a2a; font-size:14px; line-height:24px;}
.sub_about04{ width:224px; float:right; ma/rgin-top:117px; backgro/und:url(../images/sub/about05.jpg) repeat-y;}
.sub_about04 ul li{ background:url(../images/sub/about04.jpg) no-repeat left center; padding-left:17px; line-height:36px; height:36px; font-size:14px;}
.sub_about04 ul li a{ color:#447fc7;}
.sub_about04 ul li a:hover{ color:#e15616;}


#conformity #title_table{margin:117px auto 0;font-size:12px;width:188px;border-collapse:collapse;background:#fff;position:absolute;top:0;right:auto;z-index:10000;
}


/**********solution************/
.sub_solu{}
.sub_solu dl{ float:left; width:500px; height:260px;margin-left:1px; display:inline;}
.sub_solu dl dt{ float:left; width:232px; padding:16px 0 0 12px; font-size:18px;}
.sub_solu dl dt a{ color:#262626; line-height:59px; height:59px; overflow:hidden;}
.sub_solu dl dd{ float:left; width:215px; padding-left:22px; height:195px; overflow:hidden; color:#9d9d9d; line-height:18px; padding-top:17px;}
.sub_solu dl.sub_solu01{ background-color:#f6f6f6; }

.sub_solu02{ font-size:24px; color:#242424; text-align:center; padding:30px 10px 0;}
.sub_solu03{ width:435px; float:left; padding-left:29px;}
.sub_solu04{ width:490px; float:left; padding:11px 0 0 34px; line-height:36px; color:#3e3e3e; font-size:14px;}
.sub_solu05{ padding-top:50px;}
.sub_solu06{ text-align:center; font-size:14px; padding-top:70px; color:#4f4f4f; height:60px;}
.sub_solu06 a{color:#4f4f4f;} 
.sub_solu06 a:hover{color:#4f4f4f;} 

.sub_solu07{ background:url(../images/sub/wz01.jpg) repeat-x; padding:20px 0 0 51px; line-height:24px; font-size:14px;}
.sub_solu07 a{ color:#646464;}
.sub_solu07 a:hover{ color:#646464;}


/**********product************/
.sub_product{ line-height:30px; padding:32px 0 34px 40px; font-size:24px; color:#e05115;}
.sub_product01{ font-size:18px; color:#3e3e3e; line-height:24px; padding:50px 45px 0; overflow:hidden;}
.sub_product01 td{ padding:0px;}
.sub_product01 table{ margin:0px auto;}

.sub_pro_tit{ height:30px; line-height:30px; background:url(../images/sub/sub_pro01.jpg) repeat-x left 48px; margin-right:11px; margin-left:1px; padding-top:34px; }
.sub_pro_tit span{ background-color:#fff; padding:0 25px 0 24px; font-size:30px; color:#006ec3;display:block; float:left;}
.sub_pro_tit01{ float:right; width:46px; line-height:16px; text-align:center; margin:11px 14px 0 0; display:inline;}
.sub_pro_tit01 a{ color:#e09901; width:46px; display:block; background-color:#fff;}
.sub_pro_tit01 a:hover{ color:#e09901;}

.sub_pro01{ padding:8px 0 50px;}
.sub_pro01 dl{ float:left; width:408px; height:194px; padding:29px 10px 0 67px;}
.sub_pro01 dl dt{ width:167px; float:left; position:relative;}
.sub_pro01 dl dd{ width:221px; float:right;}
.sub_pro01 dl dd span{ display:block; line-height:24px; color:#323232; font-size:14px; font-weight:bold; height:48px; overflow:hidden; padding-top:14px;}
.sub_pro01 dl dd span a{ color:#323232; }
.sub_pro01 dl dd span a:hover{ color:#323232; }
.sub_pro01 dl dd .sub_pro02{ height:76px; overflow:hidden; color:#a0a0a0; line-height:18px; padding-top:8px;}
.sub_pro01 dl dd .sub_pro03{ padding-top:7px;}

.tac{ position:absolute; top:-20px; left:-40px; background-color:#fff; display:none;}
.tac img{ padding:17px; border:#cbcbcb solid 1px;}


/**********news************/
.sub_news{}

.sub_news01{}

/*********时间轴********/
#timeline {width: 960px; margin:0 auto; margin-top:53px;overflow: hidden;position: relative;background: url('../images/dot.gif') left 45px repeat-x;
}
#dates {width: 900px;height: 60px;overflow: hidden;
}
#dates li {list-style: none;float:left;width: 100px;height: 50px;font-size: 18px;text-align: center;background: url('../images/biggerdot.png') center bottom no-repeat;}
#dates a {line-height: 38px; height:38px; overflow:hidden;padding-bottom: 12px; display:block;}
#dates .selected {font-size: 36px; color:#e15616;background: url('../images/biggerdot01.png') center bottom no-repeat;}	
#issues {width: 960px;overflow: hidden; padding-top:60px;	}	
#issues li {width: 960px;hei/ght: 350px; font-size:14px; line-height:20px;list-style: none;float: left;
}
#issues li a{ color:#606060; display:block; padding:20px 50px;}
#issues li a:hover{ color:#fff; background-color:#e15616;}

#grad_left,
#grad_right {width: 100px;heig/ht: 350px;position: absolute;top: 0;	}
#grad_left {left: 0;background: url('../images/grad_left.png') repeat-y;}
#grad_right {right: 0;background: url('../images/grad_right.png') repeat-y;		}	
#next,
#prev {position: absolute;top: 0;font-size: 70px;top: 170px;width: 22px;		height: 38px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next:hover,
#prev:hover {background-position: 0 -76px;}
#next {right: 0;background-image: url('../images/next.png');}
#prev {left: 0;background-image: url('../images/prev.png');}
#next.disabled,
#prev.disabled {opacity: 0.2;}


/******产品详细页面标签切换*****/
.tab{ padding:0 23px;}

.xixi1{ width:687px;height:59px;line-height:50px;background:url(../images/sub/01.jpg) no-repeat;cursor:pointer;}
.xixi2{ width:687px;height:59px;line-height:50px;background:url(../images/sub/02.jpg) no-repeat;cursor:pointer;}
.xixi3{ width:687px;height:59px;line-height:50px;background:url(../images/sub/03.jpg) no-repeat;cursor:pointer;}

.tab1{width:208px;height:59px;line-height:50px;float:left;text-align:center;cursor:pointer; font-size:14px; color:#414141; font-weight:bold;}
.tab2{width:226px;height:59px;line-height:50px;float:left;text-align:center;cursor:pointer; font-size:14px; color:#414141; font-weight:bold;}
.tab3{width:253px;height:59px;line-height:50px;float:left;text-align:center;cursor:pointer; font-size:14px; color:#414141; font-weight:bold;}


/**********download************/
.sub_down01{ float:left; width:610px; background:url(../images/sub/sub_down02.jpg) repeat-y top right; margin-top:10px; padding-bottom:30px;}
.sub_down02{ float:left; width:340px; padding-left:31px;}
.sub_down03{padding:15px 40px 0;}
.sub_down03 ul{ background:url(../images/sub/sub_down03.jpg) repeat-x left bottom;}
.sub_down03 ul li{ background:url(../images/sub/sub_down01.jpg) no-repeat 2px center; padding-top:22px; height:40px; padding-left:32px; font-size:14px; color:#747474; position:relative;}
.sub_down04{ position:absolute; right:3px; top:20px;}

.sub_mess{ padding-left:41px; background:url(../images/sub/sub_mess01.jpg) no-repeat left center; font-size:24px; color:#777; margin-top:36px;}
.sub_mess01{ padding-top:20px;}
.sub_mess01 table tr td input{ width:310px; height:33px; line-height:33px; background-color:#f2f2f2; border:#e4e4e4 solid 1px; font-size:14px; color:#999; padding-left:10px; margin:5px 0;}
.sub_mess01 table tr td span{ width: 150px; height: 20px; line-height: 20px; font-size: 14px; color: #999; padding-left: 13px; position: absolute; z-index: 5; margin-top: 10px; margin-right: 0; margin-bottom: 5px; margin-left: 0; }

.sub_mess01 table tr td textarea{ width:310px; height:122px; margin:5px 0;padding-left:10px;border:#e4e4e4 solid 1px; font-size:14px; color:#999; background-color:#f2f2f2;  line-height:33px; font-family:Arial, Helvetica, sans-serif;   }


.sub_cont{ font-size:14px; line-height:18px; padding-top:20px;}
.sub_cont table tr td{ padding-top:10px; padding-left:5px;}
.sub_cont table tr td span{ color:#e15616; font-weight:bold;}

.Input01{ width:310px; height:33px; line-height:33px; background-color:#f2f2f2; border:#e4e4e4 solid 1px; font-size:14px; color:#999; padding-left:10px; margin:5px 0;}
.Textarea01{ width:310px; height:122px; margin:5px 0;padding-left:10px;border:#e4e4e4 solid 1px; font-size:14px; color:#999; background-color:#f2f2f2;  line-height:33px; font-family:Arial, Helvetica, sans-serif;   }


/**********faq************/
.sub_faq{ width:565px; margin:23px auto 0;}
.sub_faq dl{ background:url(../images/sub/sub_faq02.jpg) repeat-x left bottom; line-height:47px; height:47px; overflow:hidden;}
.sub_faq dl dd{ background:url(../images/sub/sub_faq01.jpg) no-repeat 19px center; padding-left:36px;}
.sub_faq dl dd a{ color:#b2b2b2;}
.sub_faq dl dd a:hover{ color:#b2b2b2;}

.sub_faq01{ padding:0 23px;}
.sub_faq02{ background:url(../images/sub/sub_faq02.jpg) repeat-x left bottom; text-align:center; line-height:22px; font-size:16px; font-weight:bold; color:#535353; padding:45px 0 20px;}
.sub_faq03{ text-align:center; color:#bababa; line-height:30px;}
.sub_faq04{ color:#535353; font-size:14px; padding:0 50px; line-height:28px; padding-top:10px;}


/**********contact************/
.sub_contact{ line-height:24px; padding:0 18px; font-size:14px;height:auto!important; height:550px; min-height:550px;}

/**********video************/
.sub_video{}
.sub_video dl{ width:214px; height:179px; float:left; border:#e9e9e9 solid 1px; margin:24px 0 0 28px; display:inline;}
.sub_video dl dt{ overflow:hidden; width:200px; height:110px; margin:7px auto 0;}
.sub_video dl dd{ padding:10px 0 0 10px; line-height:22px; color:#dbdbdb;}
.sub_video dl dd span{ color:#909090; display:block; height:22px; overflow:hidden;} 
.sub_video dl dd span a{color:#909090; }
.sub_video dl dd span a:hover{color:#909090; }