.title_big{ height:39px; line-height:39px; margin:0px; margin-bottom:10px; font-size:22px; padding-left:0px; display:block;text-transform: uppercase;}

.area .info{}
.area .info img{ max-width:874px;}
.area .info p{ line-height:28px; color:#777;}
.area .info h3{ color:#0093dd; margin:10px 0px; line-height:24px; font-size:16px; font-weight:bold; text-transform:uppercase;}

.area .p_title{background:url(../images/about_tbg.jpg) repeat-x ; line-height:29px; padding-left:4px; font-size:14px;color: #484848; display:block;border: 1px solid #DDD; margin:0px;margin-top: 50px;width: 78%;}



.left_nav .class_list{border: 1px solid #DDD;border-top: 0px;}

.left_nav dt{ margin:0px; height:40px; line-height:40px; color:#333; font-weight:bold;  border-top:1px solid #DDD;}
.left_nav li a{ display:block;padding-left:20px;}
.left_nav dt a:hover{background-color: #FAFAFA;}
.left_nav dl{ margin:0px; padding:10px 0px;border-top:1px solid #DDD;}
.left_nav dd{ margin:0px;  line-height:18px; color:#999;}
.left_nav dd a{color:#999;}
.left_nav dd a:hover{ text-decoration:underline;;color:#0093dd;}


#content .right{width: 865px; float:left; margin-top:10px;}
/*list_product*/
.product_info{ margin:0px auto;}
.product_info .title_big{ padding-left:0px; margin-top:0px;color: #666;}
.product_info .pro_list{ padding:15px 0px;}
.product_info .pro_list li{float: left;
width: 338px;
margin-right: 30px;
margin-bottom: 22px;
padding-bottom: 10px;}

.pagination{    line-height: 28px;
    text-align: center;
    padding-bottom: 40px;}
.pagination a{ padding:2px 6px; margin:0px 4px;}
.pagination a{    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    color: #424242;}
.pagination a.on{ background-color:#01679A; color:#FFFFFF;}

.showimg{ height:100%;}
.showimg a{ display:block; height:100%; text-align:center;}
.showimg a img{vertical-align:middle;}

.product_info .pro_list li a{ padding:3px;     display:block;height: 209px;border:4px solid #FFFFFF;    border: 1px solid #EFEFEF; margin:3px; position:relative;}
.product_info .pro_list .model{    position: absolute;
    right: -7px;
    top: 14px;
    width: 99px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    background-color: #01679A;}
.product_info .pro_list li a:hover{border:4px solid #01679A;margin:0px;}
.product_info .pro_list li a:hover .name{ color:#0093dd;}
.product_info .pro_list li .img{ display:block; width:100%; text-align:center; margin:10px 0px;}
.product_info .pro_list li img{ width:100%; max-height:180px;}
.product_info .pro_list li .name{display: block;
height: 32px;
line-height: 32px;
padding-left: 10px;
font-size: 16px;
font-weight: normal;
color: #333;
TEXT-ALIGN: CENTER;}
.product_info .pro_list li .text{ padding-left:10px; color:#999;display: block; line-height:24px; font-size:12px; margin-top:10px;}

/*Team*/
.team_info .team_list{ padding:15px 0px;padding-left: 60px;
padding-top: 30px;}
.team_info .team_list li{float:left; width:262px; margin-right:90px; margin-bottom:22px;}
.team_info .team_list li.li_3,.team_info .team_list li.li_6,.team_info .team_list li.li_9{ margin-right:0px;}
.team_info .team_list li a{ display:block;}
.team_info .team_list li a .img{ padding:3px; display:block; height:100%;}
.team_info .team_list li a:hover .img{padding:0px;border:4px solid #0093dd;}
.team_info .team_list li a:hover .name{ color:#0093dd;}
.team_info .team_list li .img{ border:1px solid #DDD;display:block; text-align:center; margin:10px 0px;}
.team_info .team_list li .name{display: block;
height: 24px;
line-height: 24px;
font-size: 14px;
color: #999;}
.team_info .team_list li .text{color: #999;
display: block;
line-height: 24px;
font-size: 12px;}

/* contact */
.h4_title{ color:#666; border-bottom:1px solid #DDD; line-height:30px; height:30px; margin:10px 0px;  font-size:16px; display:block;}

.map{ width:478px; float:right;margin-top: 27px;margin-bottom:15px;}
.info_area{ width:558px;}

.contact_area{border-top: 1px solid #DDD;}
.contact_area b{ font-size:14px; font-weight:bold;color: #0093dd; margin-bottom:10px;}
.contact_area p{}

.feedback{}
.feedback form{}

.feedback label{text-align: left; display: block;width:100%; margin-bottom:15px; line-height:32px; color:#777;}
.feedback label span{ display:block; line-height:24px; color:#777; font-size:12px;}
.feedback label span i{ color:red; margin-left:5px;}
.feedback .input{ padding-left:1%;border-radius:2px;height:32px;width: 97.9%; border:1px solid #DDD;}
.feedback #label1{ float:left; margin-left:0px;width: 47.2%;}
.feedback #label2{ float:left; margin-left:5.6%;width: 47.2%;}
.feedback #label1 .input,.feedback #label2 .input{width: 96.8%;}
.feedback #label3 i{ display:none;}
.feedback #label5 {height: 32px;}

.feedback textarea{margin: 0px;
width: 97.2%;padding-left:1.4%;
height: 178px; border-radius:2px; padding-top:10px;
border: 1px solid #DDD;}

.feedback .btn{border: 0px;
text-align: center;
color: #FFF; cursor:pointer;
font-size: 14px;margin-right: 0.8%;
margin-bottom: 10px;
display: block;
padding: 8px 20px;
background-color: #0093dd;
border-radius: 6px;float: right;}
.feedback .btn:hover{ background-color:#666; color:#FFF;}

/*product*/
.product_img{}
.product_img .pic{ border:1px solid #DDD; text-align:center; width:400px; height:300px;}
.product_img .pic img{ width:100%; height:100%;}
.product_img .pic_hover{}
.pic_hover{ margin-top:10px;}
.pic_hover li{width: 19.2%;
float: left;
margin-right: 1%;}
.pic_hover li.li_5,.pic_hover li.end{ margin-right:0px;}
.pic_hover li a{ display:block; border:1px solid #DDD; padding:1px;}
.pic_hover li a:hover{border:2px solid #0093dd; padding:0px;}
.pic_hover li img{ width:162px; height:124px;}

.product_text{float: right;width: 440px;}
.product_text h2{ margin-top:0px; font-size:20px; font-weight:bold; color:#444; height:46px; line-height:46px; border-bottom:1px solid #DDD; text-align:left;}
.product_text .text{ line-height:24px; color:#777;}

.product_text .btn{border-radius: 5px;
text-transform: uppercase;
display: block;
width: 180px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 14px;
font-weight: bold;
color: #FFF;
background-color: #00b7e0;margin-top: 30px;
cursor: pointer;}
.product_text .btn:hover{ background-color:#777; color:#FFF;}

.detail{ clear:both; border-top:1px solid #DDD; margin-top:50px;}
.detail .mo_title{border: 1px solid #DDD;
border-bottom: 1px solid #FFF;
width: 138px;
text-align: center;
font-size: 12px;
position: relative;
top: -31px;
background-color: #FFF;text-transform: uppercase;color: #777;
height: 30px;
line-height: 30px;}
.detail div img{ display:block; margin:10px 0px;}
.detail_area{margin-top: -20px;}

/* more div */
.new_title {
font-size: 32px;
color: #333333;
font-weight: bold;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
display: block;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 30px;
padding-left: 20px;
line-height: 36px;
text-align: left;
}
.new_abreakline {
background-color: #E4E4E4;
display: block;
height: 1px;
width: 100%;
margin-top: 50px;
margin-bottom: 20px;
}
.new_c_title {
font-size: 32px;
color: #333333;
font-weight: bold;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
display: block;
text-align: center;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
line-height: 36px;
}
.new_content {
font-size: 15px;
line-height: 25px;
color: #666666;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
padding-left: 20px;
display: block;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 30px;
text-align: left;
}
/* more div End */


/*blog*/
#content .left .blog_nav .nav_title{height: 38px;
line-height: 38px;
text-align: left;
margin: 0px;
font-size: 14px;
background-color: #f5f5f5;
border: 1px solid #DDD;
color: #666;
padding-left: 15px;}
.blog_nav .class_list li{ background-color:#f9f9f9;}
.blog_nav .class_list li.li_2,.blog_nav .class_list li.li_4,.blog_nav .class_list li.li_6,.blog_nav .class_list li.li_8{ background-color:#FFF;}
.blog_nav .class_list li a{display: block;
padding-left: 15px;
line-height: 24px;
border-bottom: 1px solid #EEE;
padding-top: 5px;
padding-bottom: 5px; color:#666;
padding-right: 5px;}
.blog_nav .class_list li a:hover,.blog_nav .class_list li a.on{ font-weight:bold; color:#111;}

.blog_nav .class_list{border: 1px solid #DDD;
border-top: 0px;
border-bottom: 0px;}

.blog_info .title_big{ margin-top:0px;color: #666;}
.blog_list {
width: 95%;
margin: 20px auto;
}
.blog_info .title_big{ text-align:center;}
.blog_info .addtime{ display:block; text-align:center; color:#999999;}
.pageNext{ line-height:28px; color:#999999;}
.blog_list li{min-height: 170px;margin-bottom: 20px; border-bottom:1px dashed #EFEFEF}
.blog_list li .title{ color:#0093dd; font-size:18px; margin-bottom:10px; line-height:32px; display:block; font-weight:normal; font-family:microsoft yahei}
.blog_list li a{ display:block;}
.blog_list li .img{ display:block; width:200px; height:150px; padding:1px; border:1px solid #CCC; float:left; margin-right:20px; margin-bottom:10px;}
.blog_list li .img img{ width:100%; height:100%;}

.blog_list li .text{line-height: 24px;width: 95%;display: block;color: #999;}
.blog_list li a:hover .title{ color:#111;}
.blog_list li .addtime,.download_list .btn{ float:right; font-weight:normal; margin-top:4px;
line-height: 24px;
color: #666;
font-size: 12px;
display: block;
padding: 0px 20px;
background-color: #F7F7F7;
border-radius: 10px;
right: 0px;
top: 2px;}


.download_list{}
.download_list li{ clear:both; min-height:146px; padding-bottom:10px; border-bottom:1px dotted #EEE;}
.download_list .btn:hover{ background-color:#0093dd; color:#FFF;}



/*product*/

.pro_detail{ border:1px solid #EEEEEE;}
.title_big{ font-weight:normal;}
.pro_detail .img{ width:100%; padding-top:10px; padding-bottom:10px; position:relative; height:500px;}
.pro_detail .img .se{ position:absolute; right:5%; bottom:5%; width:150px; height:160px; padding:15px; border:1px solid #EFEFEF; color:#999999; font-size:14px;}
.pro_detail .img .se span{ display:block; line-height:24px;}
.d_title{ background-color:#1f4163; height:40px; line-height:40px; padding-left:20px; font-size:16px; color:#FFFFFF; font-family:microsoft yahei; background:url(../images/small_logo.gif) no-repeat right 0px #1f4163;}
.pro_detail .img .down{    position: absolute;
    right: 10px;
    top: 10px;
    width: 120px;
    height: 30px;
    border: 1px solid #CDCDCD;
    background-color: #FFFFFF;
    padding-left: 35px;
    line-height: 30px;
    border-radius: 20px;
    background: url(../images/down.png) no-repeat 4px center #FFFFFF;
    font-size: 14px;	
    color: #656565;}
.pro_detail .img .down:hover{ background-color:#4abc96; color:#FFFFFF; border-color:#4abc96;}

@media(max-width: 640px){
body, html{ min-width:320px;}
#header{ height:170px; background-position:0px 0px;}
.header, #content, .foot, .location{ width:100%;}
.header .logo{ height:48px; padding:10px 0px; margin-left:10px;}
.header .logo img{ height:100%;}
#header .nav{ float:left; padding:0px; width:100%;}
#header .nav ul li.li2{ display:none;}
#header .nav ul li{ width:33.3333%; margin:0px;    background-color: #01679A;}
#header .nav ul li a{ padding:0px; line-height:45px;}
#location,.location{ height:32px;}
.location{ padding-left:10px; width:92%;}

.location h2 { display:none;
    font-size: 40px;
    padding-bottom: 5px;
    padding-top: 20px;
    line-height: 60px;
}
#content{    width: 95%;    margin: 0px auto; padding-top:10px;}

.blog_list li .img,.blog_list li .img img{ width:100px; height:80px;}
.blog_list{ margin:10px auto;}
.blog_list li{ position:relative; min-height:100px;}
.blog_list li .img{ margin-right:10px;}
.blog_list li .title{ line-height:20px;    font-size: 14px;}
.blog_list li .text{ display:none;}
.blog_list li .addtime{ float:none; height:24px; position:absolute; right:0px;    top: 58px;}


.title_big{ height:auto; font-size:16px;}

.product_content .left{ display:block;width: 100%;
    margin: 0px; background:none; float:none;
    padding: 0px;    padding-bottom: 10px;}
.product_content .title_big{ display:none;}
.product_content .left .navlist li{ float:left; margin:5px;background-color: #f7f8f9;}
.product_content .left .navlist a{    padding-right: 10px; padding-left:10px;margin-bottom:0px;    font-size: 12px;}
.product_content .product_info{ margin-left:0px;}
.product_content .product_info .pro_list li{ width:48%; margin-right:2%;    margin-bottom: 0px;}
.product_content .product_info .pro_list li .name{    margin-top: 30px; height:auto; font-size:12px; line-height:20px; padding-left:0px;}
.product_content .product_info .pro_list .model{    width: 100%;
    right: 0px;
    top: 82px;}
.product_content .product_info .pro_list li a{ height:142px;}


.pro_detail .img .se {
    position: absolute;
    right: 2%;
    bottom: 2%;
    width: 90%;
    height: 150px;
    padding: 8px;
    font-size: 14px;
}
.pro_detail .img .se span{ line-height:22px;}
.pro_detail .img {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    height: 352px;
}
.area .info p img{ width:100%;}

#footer{ min-height:34px;}
#footer .foot .copyright{ line-height:30px;    font-size: 12px;}
#footer .link{ display:none;}	
}