/* CSS Document */
.page{ float:left; width:100%; min-height:600px; padding-bottom:80px; padding-top:80px;}
.page_banner{ float:left; width:100%; height:500px; background-position:center; background-repeat:no-repeat;}
.page_banner2{float:left; width:100%; height:700px; background-position:center; background-repeat:no-repeat;}
.page_banner2_title{ float:left; width:100%; text-align:center; padding:70px 0px;}
.page_banner2_title dl{ height:80px;}
.page_banner2_title dl dt{ font-size:36px; color:#00a0e9; line-height:45px;}
.page_banner2_title dl dd{ font-family:Arial; font-size:24px; color:#00a0e9; line-height:35px;}
.page_banner2_img{ text-align:center; float:left; width:100%; height:480px; overflow:hidden;}
.page_banner2_img img{ max-height:100%; width:auto;}
.page_top{ float:left; width:100%; height:50px; line-height:50px; background:#00a0ea;}
.page_location{float:left; width:100%;}
.page_location dl dt{ float:left; width:17px; padding:0 10px;}
.page_location dl dt img{ width:17px; height:50px;}
.page_location dl dd{ float:left;color:#FFF; font-size:14px; line-height:50px;}
.page_location dl dd a{ color:#FFF}
.page_location dl dd a:hover{ color:#f23637}


.page_banner_product{ float:left; background:#00a0e9; line-height:35px; line-height:35px; font-size:14px; width:100%; padding:20px 0px;}
.page_banner_product ul{ background:#FFF; float:left; width:100%;}
.page_banner_product a{color:#555555; float:left;  height:35px; background:#FFF; padding:0px 20px;}
.page_banner_product a:hover{color:#FFFFFF; background:url(../images/p_nav_1.png);}


.page_main{ float:left; width:100%; padding-bottom:20px; padding-top:30px;}
.page_main_title{ font-size:18px; color:#151515; padding-bottom:20px;}

.about{ line-height:25px; color:#333333; font-size:14px; }
.about img{ padding:20px 0px;}

.news{ float:left; width:100%;}
.news li{ float:left; width:100%; padding:50px 0px 35px 0px; height:163px; border-bottom:solid 1pxe5e5e5;}
.news_left{ float:left; width:115px;}
.news_left dl{}
.news_left dl dt{ font-size:18px; color:#999999; text-align:right; line-height:45px;}
.news_left dl dd{ font-size:33px; color:#00a0ea; text-align:right; line-height:70px;}
.news_content{ float:left; width:635px; margin:0 50px;}
.news_content dl dt{ font-size:18px; color:#555555; font-weight:bold; line-height:45px;}
.news_content dl dd{ font-size:14px; color:#555555; line-height:25px; padding-top:20px;}
.news_right{ float:left; width:300px; height:163px; overflow:hidden; }
.news_right img{ width:300px; }
.news li a:hover .news_content dl dt{color:#00a0ea;}
.news li a:hover .news_content dl dd{color:#00a0ea;}
.newsshow_left{ float:left; width:850px;}
.newsshow_right{ float:right; width:250px;}

.newsshow{ float:left; width:100%;}
.newsshow_left{ float:left; width:850px;}
.newsshow_left_title{ font-size:30px; font-weight:bold; color:#333333; line-height:60px; padding-bottom:20px;}
.newsshow_left_time{ float:left; width:100px; padding-right:20px; height:100px; border-right:solid 1px #e5e5e5;}
.newsshow_left_time dl dt{font-size:18px; color:#999999; text-align:right; line-height:45px;}
.newsshow_left_time dl dd{font-size:33px; color:#00a0ea; text-align:right; line-height:70px;}
.newsshow_left_content{ float:right; width:700px; font-size:14px; color:#555555; line-height:25px;}
.newsshow_right{ float:right; width:250px;}
.newsshow_right_bt{ font-size:20px; font-weight:bold; color:#111111; line-height:30px;}
.newsshow_right_img{ margin-top:20px;}
.newsshow_right_img img{width:250px;  max-height:140px;}
.newsshow_right_title{ font-size:14px; color:#555555; line-height:20px; padding:10px 0px;}

.contact{ float:left; width:100%;}
.contact_link{ float:left; width:100%; margin-bottom:25px;}
.contact_link dl{ float:left; width:390px; text-align:center;}
.contact_link dl dt{ height:204px;}
.contact_link dl dt img{ width:236px; height:204px;}
.contact_link dl dd{ font-size:25px; color:#555555;}
.contact_map{}

.product{float:left; width:100%; min-height:620px;}
.product_main{ float:left; min-height:620px; width:100%; background-position:center; background-repeat:no-repeat; background-size: 200%;}
.product_left{float:left;width:590px;margin-bottom: 120px;}
.product_left img{ max-width:543px;}
.product_right{ float:left; width:590px;}
.product_right img{max-width:543px;margin: 120px 0px;}

.product_title1{ float:left; width:100%; margin-top:120px;}
.product_title1 dl{}
.product_title1 dl dt{ font-size:36px; color:#00a0e9; line-height:40px;}
.product_title1 dl dd{ font-size:24px; color:#00a0e9; font-family:Arial; line-height:36px;}
.product_main1{ font-size:14px; color:#333333; line-height:20px; float:left; width:95%; padding:20px 0px 20px 0px; min-height:350px; overflow:hidden;}
.product_main1 p{ color:#333333 !important;}
.product_main1 span{ color:#333333 !important;}
.product_title2{ float:left; width:100%; margin-top:120px;}
.product_title2 dl{}
.product_title2 dl dt{ font-size:36px; color:#FFF; line-height:40px;}
.product_title2 dl dd{ font-size:24px; color:#FFF; font-family:Arial; line-height:36px;}
.product_main2{ font-size:14px; color:#FFF; line-height:20px; float:left; width:100%; padding:20px 0px; max-height:350px; overflow:hidden;}
.product_more img{ width:133px; height:40px;}
.product_main2 p{ color:#FFF !important;}

.product_show{float:left; width:100%; min-height:620px;}
.product_show_title{float:left; width:100%;}
.product_show_title dl dt{ float:left; width:17px; padding:0 10px;}
.product_show_title dl dt img{ width:17px; height:50px;}
.product_show_title dl dd{ float:left;color:#333333; font-size:14px; line-height:50px;}
.product_show_title dl dd a{ color:#333333}
.product_show_title dl dd a:hover{ color:#00a0ea}
.product_show_main{ float:left; width:100%;}
.product_show_nav{ border-bottom:solid 3px #00a0ea; height:50px;}


/* switchBox */
.switchBox{width:100%; float:left; }
.switchBox dt{height:50px; border-bottom:solid 3px #00a0ea;}
.switchBox span, .switchBox dt a, .switchBox em{color:#333333;cursor:pointer;float:left;font-size:16px;height:50px;line-height:50px;text-align:center;text-decoration:none;width:150px;font-style:normal;}
.switchBox dt .on{background-color:#00a0ea;}
.switchBox dt .active{background-color:#00a0ea;}
.switchBox dt .on, .switchBox dt .active, .switchBox a:hover{color:#ffffff;}

.switchBox dd{clear:both;display:none;line-height:25px; color:#555555; float:left; max-width:100%;}
.switchBox dd img{ max-width:100%;}