@charset "utf-8";
/* CSS Document */

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
img{display: block; vertical-align:middle;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family:"宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color:#666666 ;font:12px/20px "宋体","Arial Narrow",HELVETICA; background:url(../images/top_bg.png) repeat-x #ebebeb;}
a{color:#666666; text-decoration:none;}
a:hover{color:#cd0000; text-decoration:none;}
.clear{ clear:both;}

.top{ width:1000px; margin:0 auto; height:24px; line-height:24px;}
.top h1{ font-size:12px; font-weight:normal; float:left;}
.top p{ float:right;}
.logo{ width:1000px; height:100px; margin:0 auto;}
.logo img{ float:left;}
.logo h2{ height:35px; line-height:35px; background:url(../images/tel.png) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ff7200; text-indent:70px; float:right; margin-top:30px;}
.nav{ width:1017px; height:38px; margin:3px auto 0;}
.nav li{ float:left; font-size:14px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:bold; background:url(../images/nav_line.png) no-repeat;}
.nav a{ width:113px; height:38px; line-height:38px; display:block; color:#000;}
.nav a:hover{ color:#fff; background:url(../images/nav_hover.png) no-repeat;}
#first{ background:none;}
#current{ color:#fff; background:url(../images/nav_hover.png) no-repeat;}

.shadow{ width:100%; height:29px; background:url(../images/shadow.png) no-repeat;} 

.wrapper{ width:1000px; margin:0 auto;}

.left{ float:left; width:745PX;}

.videobox{ float:left; width:284px; height:269px; border:solid 1px #d4d4d4; padding:1px; background:url(../images/title_bg01.png) no-repeat 1px 1px;}
.videobox .title p{ float:right; width:181px; height:31px; line-height:31px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#5c5c5c; border-bottom:solid 1px #33718a; padding-left:9px;}
.videobox .title p a img{ float:right; margin:13px 8px 0 0;}
.videobox .title h2{ width:94px; _width:91px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:14px;}
.videobox .video{ width:276px; height:225px; margin:8px auto 0;}

.aboutbox{ float:right; width:439px; height:269px; border:solid 1px #d4d4d4; padding:1px; background:url(../images/title_bg01.png) no-repeat 1px 1px; margin-bottom:16px;}
.aboutbox .title p{ float:right; width:336px; height:31px; line-height:31px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#5c5c5c; border-bottom:solid 1px #33718a; padding-left:9px;}
.aboutbox .title p a img{ float:right; margin:15px 8px 0 0;}
.aboutbox .title h2{ width:94px; _width:91px;  height:32px; line-height:32px; text-align:center; color:#fff; font-size:14px;}
.aboutbox .about{ width:410px; margin:10px auto 0;}
.aboutbox .about img{ float:right; margin:13px 0 0 8px;}
.aboutbox .about p{ text-indent:2em; line-height:24px;}

.right{ float:right; width:241px;}

.newsbox{ width:741px; height:239px; border:solid 1px #d4d4d4; padding:1px; background:url(../images/title_bg03.png) no-repeat 1px 1px; margin-top:16px;}
.newsbox h2{ height:32px; line-height:32px; background:url(../images/title_bg04.png) no-repeat 86px 0; font-size:14px; color:#fff; text-indent:15px;}
.newsbox h2 span{ font-family:Arial, Helvetica, sans-serif; font-size:10px;  font-weight:normal; margin-left:23px;}
.newsbox h2 a{ float:right; margin:13px 8px 0 0;}
.newsbox .news{ width:720px; margin:0 auto;}
.newsbox .news .case{ width:200px; float:left; text-align:center; margin-top:15px;}
.newsbox .news .case p{ line-height:28px;}
.newsbox .news ul{ float:right; width:497px; margin-top:5px;}
.newsbox .news li{ background:url(../images/icon01.png) no-repeat 3px 10px; text-indent:15px; line-height:27px; border-bottom:dotted 1px #CCC;}
.newsbox .news li span{ float:right;}

.probox{ width:745px; height:191px; background:url(../images/pro_box.png) no-repeat; margin-top:16px;}
.probox h2{ height:45px; line-height:45px; font-size:14px; color:#36697e; text-indent:18px;}
.probox h2 span{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#343434;  font-weight:normal; margin-left:10px;}
.probox h2 a{ float:right; margin:18px 12px 0 0;}
.probox .pro{ width:715px; height:135px; margin:5px 0 0 15px;}
#pro{ width:715px; height:135px;overflow:hidden;float:right; border:none;} 
#pro li{ text-align:center;float:left; width:168px;}
#pro img {width:153px; height:101px; margin:0 auto 5px; border:solid 1px #ccc; padding:4px;}
#inpro{float: left;width: 800%; }
#pro1,#pro2{height:111px;float:left; display:inline-table;}

.prolistbox{ width:239px; border:solid 1px #d4d4d4;}
.prolistbox .title{ height:40px; line-height:40px; background:url(../images/title_bg02.png) no-repeat 1px bottom;}
.prolistbox .title h2{ font-size:14px; color:#000; text-indent:10px;}
.prolistbox .title h2 span{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#5c5c5c; font-weight:normal; margin-left:25px;}
.prolistbox ul{ margin:7px 0;}
.prolistbox li{ text-indent:45px; line-height:28px;}
.prolistbox li a{ width:239px; height:28px; display:block; color:#444444; background:url(../images/list_hover.png) no-repeat 0 0;}
.prolistbox li a:hover{ color:#cc0000; background:url(../images/list_hover.png) no-repeat 0 -28px;}

.knowledge{ width:239px; height:241px; border:solid 1px #d4d4d4; margin-top:16px;}
.knowledge .title{ height:40px; line-height:40px; background:url(../images/title_bg02.png) no-repeat 1px bottom;}
.knowledge .title h2{ font-size:14px; color:#000; text-indent:10px;}
.knowledge .title h2 span{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#5c5c5c; font-weight:normal; margin-left:25px;}
.knowledge ul{ width:212px; margin:5px auto 0;}
.knowledge li{ background:url(../images/icon02.png) no-repeat 0 9px; text-indent:14px; line-height:24px;}

.contactbox{ width:239px; height:189px; border:solid 1px #d4d4d4; background:url(../images/contact_title.png) no-repeat 1px 1px; margin-top:16px;}
.contactbox p{ width:225px; margin:38px 0 0 10px; line-height:24px;}

.foot{ width:100%; height:124px; background:url(../images/foot_bg.png) repeat-x; margin-top:20px; padding-top:8px;}
.foot p{ width:800px; margin:0 auto; text-align:center; color:#8fb4c4; line-height:22px;}
.foot p a{ color:#8fb4c4;}
.foot p a:hover{color:#cd0000;}
.foot p span{ color:#707f94;}
.foot p span a{ color:#707f94;}
.foot p span a:hover{color:#cd0000;}