﻿
/* CSS Document */

/*index_about*/
.index_about,.index_product,.index_news{ width:100%; height:auto; overflow:hidden; padding:60px 0 0;}

.index_about h3,.index_product h3,.index_news h3{ font-size:24px; color:#555555; text-align:center; line-height:35px;}
.index_about h5,.index_product h5,.index_news h5{ font-family:"Arial"; text-align:center; color:#919191; line-height:30px;text-transform: uppercase;}

.index_about_box{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.index_about_box .box1,.index_about_box .box2{ width:100%; height:320px; overflow:hidden;}
.index_about_box .box1 .con{background:#62a8ea; width:350px; height:100%; padding:0 70px 0 100px;}
.index_about_box .box1 .con .tit,.index_about_box .box2 .fl .con .tit,.index_about_box .box2 .fr .tit{ width:100%; height:50px; padding:60px 0 40px; overflow:hidden;}
.index_about_box .box1 .con .tit font,.index_about_box .box2 .fl .con .tit font,.index_about_box .box2 .fr .tit font{ line-height:50px; font-size:56px; color:#fff; float:left;}
.index_about_box .box1 .con .tit h2,.index_about_box .box2 .fl .con .tit h2,.index_about_box .box2 .fr .tit h2{ font-size:24px; color:#fff; font-weight:bold; line-height:25px; padding-left:85px;}
.index_about_box .box1 .con .tit h3,.index_about_box .box2 .fl .con .tit h3,.index_about_box .box2 .fr .tit h3{ text-align:left; padding-left:85px; line-height:35px; color:#fff; font-size:12px; /*text-transform: uppercase;*/}
.index_about_box .box1 .con p,.index_about_box .box2 .fl .con p,.index_about_box .box2 .fr  p{ font-size:14px; color:#fff; line-height:26px;}
.index_about_box .box1 .pic{ width:730px; height:100%;}
.index_about_box .box1 .pic img,.index_about_box .box2 .fl .pic img{ width:100%;}

.index_about_box .box2{ height:530px;}

.index_about_box .box2 .fl{ width:700px; height:100%; overflow:hidden;}
.index_about_box .box2 .fl .pic,.index_about_box .box2 .fr .pic{ width:100%; height:290px ; overflow:hidden}

.index_about_box .box2 .fl .con,.index_about_box .box2 .fr .con{ height:240px; overflow:hidden; background:#62a8ea; padding:0 100px;}

.index_about_box .box2 .fr{ width:550px; height:100%; overflow:hidden;}
.index_about_box .box2 .fr .con{ background:#26c381; /*height:210px;*/ height: 345px;padding: 0 30px;}
.index_about_box .box2 .fr .tit{ padding-top:40px;}
.index_about_box .box2 .fr .pic{ /*height:320px;*/ height: 185px;}

/*index_about2*/
.index_about2{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; margin-top:70px; padding:95px 0;}
.index_about2 .pic{ width:400px; height:290px; overflow:hidden;}
.index_about2 .pic img{ width:100%;}
.index_about2_con{ width:820px; height:auto; overflow:hidden;}
.index_about2_con h2{ font-size:24px; color:#555555; line-height:24px;}
.index_about2_con h5{ font-size:12px; color:#919191; line-height:30px;text-transform: uppercase;}
.index_about2_con p{ font-size:14px; color:#919191; line-height:28px; margin-top:35px;}
.index_about2_con a.more{ font-size:14px; color:#919191; width:100px; height:22px; display:block; border:1px solid #c5c5c5; text-align:center; line-height:22px; margin-top:35px;}
.index_about2_con a.more:hover{ color:#555;}

/*index_product*/
.index_product_con{ width:100%; height:auto; overflow:hidden; margin-top:55px;}
.index_product_con ul li{ width:20%; height:auto; overflow:hidden; background:#62a8ea; float:left;}
/*.index_product_con ul li a{ width:100%; height:100%; display:block;}*/
.index_product_con ul li:hover{ background-color:#26c381;}
.index_product_con ul li h4 { text-align:center;  line-height:24px; margin-top:10px; }
.index_product_con ul li h4 a{ color:#fff;font-size:20px;}
.index_product_con ul li p{ font-size:15px; color:#fff; line-height:28px; padding:28px 40px 70px;}
.index_product_con ul li .pic{ padding:20px 30px;}
.index_product_con ul li .pic img{ width:100%;}

/*index_news*/
.index_news_con{ width:100%; height:auto; overflow:hidden; margin-top:70px;}
.index_news_picnews{ width:625px; height:auto; overflow:hidden;}
.index_news_picnews .pic{ width:280px; height:180px; overflow:hidden;}
.index_news_picnews .pic img{ width:100%;}
.index_news_picnews .index_news_p{ width:310px; height:auto; overflow:hidden;}
.index_news_picnews .index_news_p h2{ font-size:22px; color:#555555; line-height:24px;}
.index_news_picnews .index_news_p h2 span{ font-size:16px; margin-left:10px;}
.index_news_picnews .index_news_p h4{ line-height:26px; margin-top:10px;}
.index_news_picnews .index_news_p h4 a{ font-size:18px; color:#555;}
.index_news_picnews .index_news_p h4 a:hover{ text-decoration:underline;}
.index_news_picnews .index_news_p p{ font-size:14px; color:#777777; line-height:24px; margin-top:45px;}
.index_news_list{ width:550px; height:auto; overflow:hidden;}
.index_news_list ul li{ height:40px; overflow:hidden; line-height:40px;}
.index_news_list ul li .data{ width:110px; font-size:22px; color:#777777;}
.index_news_list ul li .data span{ font-size:16px; color:#777; margin-left:10px;}
.index_news_list ul li .index_news_list_con{ width:410px; overflow:hidden;}
.index_news_list ul li .index_news_list_con a{ font-size:14px; color:#555555;}
.index_news_list ul li .index_news_list_con a:hover{ text-decoration:underline;}

