@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
html,body{font-size:14px;font-family:"微软雅黑";background:#fff;}
a{text-decoration:none;}
li{list-style:none;}
img{border:none;}
.clear{clear:both;}
.bg{min-height:380px!important;max-width:880px;margin:0px auto;}

.top{width:96%; padding:1.5% 2% 15%; background:#476B9C;}
.top .logo{float:left;width:55%; }
.top .logo img{width:100%; padding-top:7px;}
.top .phone{float:right;width:35%;}
.top .phone img{width:100%;}

.banner{width:100%;position:relative;}
.banner .bannercon{width:100%;}
.banner .bannercon ul li{width:100%;}
.banner .bannercon ul li img{width:100%;}
.banner .butcon{ width:70px;height:5px;position:absolute;bottom:20px;left:50%;margin-left:-20px;}
.banner .butcon ul li{display:inline-block;width:5px;height:5px;border-radius:50%;border:2px solid #fff;background:#fff;margin-left:02px;}
.banner .butcon ul li.on1{background:none;}

.nav{width:100%;background:#fff;}
.nav ul{padding:15px 1%;margin:0px auto;}
.nav ul li{display:inline-block;width:25%;margin:10px 3.5%;text-align:center;font-size:15px;color:#ddd;}
.nav ul li a{color:#999; font-size:0.9em;}
.nav ul li img{width:100%;}

.product{width:94%;background:#fff;margin-top:10px;padding:10px 3%;}
.product h2{font-size:20px;font-weight:normal;border-bottom:1px solid #bebebe;padding-bottom:10px;}
.product h2 img{margin-left:5px;}
.product h2 span{float:right;}
.product h2 span ul li{display:inline-block;width:70px;height:25px;border-radius:4px;background:#CCC;font-size:14px;color:#666;text-align:center;line-height:25px;margin-left:5px;cursor:pointer;}
.product h2 span ul li.on2{color:#fff;background:#476B9C;}
.product .show{width:100%;}
.product .show ul li{padding-top:10px;}
.product .show ul li .imgcon{width:30%;float:left;margin:0px 1.6%;}
.product .show ul li .imgcon img{width:100%;}


.news{width:94%;background:#fff;margin-top:10px;padding:10px 3%;}
.news h3{width:96%;height:40px;padding:0px 2%;background:#476B9C;border-radius:5px;font-size:14px;color:#fff;font-weight:normal;margin-bottom:5px;line-height:40px; }
.news h3 a{float:right;width:60px;height:22px;display:block;background:#fff;border-radius:5px;text-align:center;line-height:22px;margin-top:9px;font-size:12px;color:#999;}

.news ul li{width:100%;padding:15px 0px;border-bottom:1px solid #bebebe;}
.news ul li dl dt{float:left;width:80px;hegiht:80px;margin-right:15px;}
.news ul li dl dt img{width:100%;}
.news ul li dl dd.title{color:#000;font-size:15px;}
.news ul li dl dd.detail{color:#999;font-size:12px;padding-top:5px;}


.in_about{width:94%;background:#fff;margin-top:10px;padding:10px 3%;}
.in_about h3{width:96%;height:40px;padding:0px 2%;background:#476B9C;border-radius:5px;font-size:14px;color:#fff;font-weight:normal;margin-bottom:5px;line-height:40px; }
.in_about h3 a{float:right;width:60px;height:22px;display:block;background:#fff;border-radius:5px;text-align:center;line-height:22px;margin-top:9px;font-size:12px;color:#999;}
.in_about strong{font-size:1em; color:#595959; padding:5px 10px; display:block;}
.in_about p{font-size:0.9em; line-height:24px; color:#797979; padding:0 10px;}


.pride{width:94%;background:#fff;padding:0 3% 0;}
.pride h3{width:96%;height:40px;line-height:40px;padding:0px 2%;background:#476B9C;border-radius:5px;font-size:15px;color:#fff;font-weight:normal;margin-bottom:5px;}
.pride h3 a{float:right;width:60px;height:22px;display:block;background:#fff;border-radius:5px;text-align:center;line-height:22px;font-size:12px;color:#999;margin-top:9px;}
.pride #pridecon{padding:15px 0px;width:100%;height:110px;/*border-top:1px solid #999;*/border-bottom:1px solid #bebebe;overflow:hidden;position:relative;}
.pride #pridecon a img{margin-right:10px;}

.foot{width:100%;height:auto; font-size:12px}
.foot{width:100%; background:#476B9C;height:auto; position:fixed; bottom:0;}
.foot li{width:24.3%; float:left; text-align:center;color:#FFF;padding:2% 0;border-left:0px solid #02518c; border-right:1px solid #355c90;}
.foot li a{color:#FFF;}

.zx{width:100%;padding-bottom:10%;}
.zx a{width:50%;float:left;}
.zx a img{width:100%;}

.bq{width:80%;background:#fff;color:#666;text-align:center; padding:2% 10%; line-height:20px; font-size:12px}
.bq p{text-align:center;line-height:20px;margin:0px 0px; font-size:12px}



/* 内页 CSS Document */
.ny_top{width:96%;padding:2% 2% 2%;background:#476B9C;}
.ny_top .back{width:7%; float:left;padding-top:7px;}
.ny_top .name{width:80%; float:left;color:#FFF; text-align:center;font-size:22px;font-weight:bold; padding-top:4px;}
.ny_top .home{width:9%; float:right; padding-top:4px; padding-right:5px;}
.ny_top .back img, .ny_top .home img{width:100%;}


.ny_news{width:96%;padding:2%;background:#FFF;}

.ny_news ul li{width:100%;padding:15px 0px;border-bottom:1px solid #ccc;}
.ny_news ul li dl dt{float:left;width:90px;hegiht:100px;margin-right:15px;}
.ny_news ul li dl dt img{width:100%;}
.ny_news ul li dl dd.title{color:#000;font-size:16px;padding-top:8px;}
.ny_news ul li dl dd.detail{color:#999;font-size:14px;padding-top:5px;}
.ny_products{width:96%;padding:2%;background:#FFF;}
.ny_products_title{width:100%;}
.ny_products_title ul li{margin-bottom:1%;padding-left:50px;}
.ny_products_title ul li .clasi{float: left;margin-left: -50px;padding-top: 1px;color: #b1b0b0;}
.ny_products_title ul li ul li{float: left;margin-right:1%;margin-bottom:1%;padding-left:1%;}
.ny_products_title ul li ul li a{cursor: pointer;display: block;padding: 1px 9px;color: #5c5c5c;border-radius: 2px}
.ny_products_title ul li ul li.on a{color: #fff;background: #ff7e00;}
.ny_products_title ul li ul li a:hover{color: #fff;background: #ff7e00;}

.ny_products_con{width:100%;}
.ny_products_con ul li{width:48%;height:200px;float: left;margin:1%;}
.ny_products_con ul li a img{width:100%;max-height:180px;}
.ny_products_con ul li a p{width:100%;text-align:center;margin:1% 0;font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ny_activity{width:96%;padding:2%;background:#FFF;}
.ny_activity ul li{width:100%;padding:15px 0px;border-bottom:1px solid #ccc;}
.ny_activity ul li dl dt{float:left;width:117px;hegiht:100px;margin-right:15px;}
.ny_activity ul li dl dt img{width:100%;}
.ny_activity ul li dl dd.title{color:#999;font-size:16px;padding-top:8px;}
.ny_activity ul li dl dd.title a{color:#8F6A4D;}
.ny_activity ul li dl dd.title span{color:#8F6A4D;}
.ny_activity ul li dl dd.detail{color:#999;font-size:14px;padding-top:5px;}
.ny_message{width:96%;padding:2%;background:#FFF;}

/* Basic Grey */
.basic-grey {width:94%;background: #F7F7F7;padding:3%;font: 12px Georgia, "Times New Roman", Times, serif;color: #888;text-shadow: 1px 1px 1px #FFF;border:1px solid #E4E4E4;}
.basic-grey h1 {font-size: 25px;padding: 0px 0px 10px 25px;display: block;border-bottom:1px solid #E4E4E4;margin: -10px -15px 30px -10px;color: #888;}
.basic-grey h1>span {display: block;font-size: 11px;}
.basic-grey label {display: block;margin: 0px;}
.basic-grey label>span {float: left;width: 15%;text-align: right;padding-right: 10px;margin-top: 10px;color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;color: #888;height: 30px;margin-bottom: 16px;margin-right: 6px;margin-top: 2px;outline: 0 none;padding: 3px 3px 3px 5px;width: 70%;font-size: 12px;line-height:15px;box-shadow: inset 0px 1px 4px #ECECEC;-moz-box-shadow: inset 0px 1px 4px #ECECEC;-webkit-box-shadow: inset 0px 1px 4px #ECECEC;}
.basic-grey textarea{padding: 5px 3px 3px 5px;}
.basic-grey select {background: #FFF url('down-arrow.png') no-repeat right;background: #FFF url('down-arrow.png') no-repeat right);appearance:none;-webkit-appearance:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 70%;height: 35px;line-height: 25px;}
.basic-grey textarea{height:100px;}
.basic-grey .button {background: #E27575;border: none;padding: 10px 25px 10px 25px;color: #FFF;box-shadow: 1px 1px 5px #B6B6B6;border-radius: 3px;text-shadow: 1px 1px 1px #9E3F3F;cursor: pointer;}
.basic-grey .button:hover {background: #CF7A7A}

.ny_pro_2{width:100%;height:auto; background:#FFF;}
.ny_pro_2 h3{ text-align:center;font-size:20px;padding-top:5%;color:#d97500;font-weight:bold;}
.ny_pro_2_img{width:96%;height:auto;margin:2%;}
.ny_pro_2_img img{width:100%;height:auto;}
.lab{width:70%;padding:1% 15%;}
.lab a{width:46%;margin:5% 2%;display:block; float:left; text-align:center; background:#00c6c6;color:#FFF;padding:2% 0;border-radius:5px;}
.lab a:hover{background:#eb8b03;color:#FFF;}
.ny_pro_3{width:100%;height:auto; background:#FFF;}

.ny_com{width:96%;padding:2%;background:#FFF;line-height:2em;font-size:15px;color:#777; margin-top:15px;}
.ny_com img{max-width:100%; height:auto;}

/*翻页*/
.fy{width:100%; height:60px; line-height:60px; text-align:center;}
.fy a{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#476B9C; margin-right:10px; border-radius:3px;}
.fy a.home_xz{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#476B9C; margin-right:10px;}
.fy span.home_xz{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#476B9C; margin-right:10px; border-radius:3px;}
.fy a:hover{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#476B9C; margin-right:10px;}


.sec_name{ width:100%}
.sec_name li{padding:5px 5px; background:#666; float:left; margin:10px 0px 0px 5px; border-radius:5px; text-align:center;}
.sec_name li.on{ background:#476B9C; color:#fff}
.sec_name li a{ color:#fff}
.nav1{width:96%;padding:2%;display:inline-block;}
.nav1 a{color:#fff;}
.nav1 img{width:auto; max-width:100%;}
.nav_l{width:35%; float:left; background:#d71434; text-align:center;padding:12% 0; border-radius:4px;}


ul.nav_r{width:65%; float:right;}
ul.nav_r li{width:48%; float:left; text-align:center; margin-left:2%;margin-bottom:2%; padding:2.6% 0;border-radius:4px;}
ul.nav_r li.color_1{ background:#9252a9;}
ul.nav_r li.color_2{ background:#06b9a3;}
ul.nav_r li.color_3{ background:#53d1bb;}
ul.nav_r li.color_4{ background:#f0720c;}

.message{width:80%;height:auto;padding:5px 10%;}
.message p{line-height:25px;padding:2px 0; display:inline-block;}
.message p span{ display:block; text-align:left; float:left;}
.message p input.kuan{width:80%;height:30px;line-height:30px;padding:0 10px;float:left;border:1px solid #ccc;margin:0 5px;}
.message p textarea{width:83%;height:125px;border:1px solid #ccc;margin:0 15px;}
.message p input.an{width:30%;height:30px;line-height:30px;margin-right:20px;margin-left:15px;border:none; background:#476B9C;color:#fff; cursor:pointer; float:left}
.message p input.an:hover{background:#fec601;}