@charset "utf-8";
/* CSS Document */
body { height:100%; min-width:1020px;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img, table, td, th ,embed{ border:none;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.h70{ width:100%; height:150px;}
.clear{ clear:both;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;}

/*header*/
#header{ z-index:5000; top:0; left:0; right:0; position:relative; background:url(images/header.jpg) repeat-x bottom center; overflow:visible;}
#header.sticky-header{ position:fixed;}
.top_bg{ width:100%; height:34px; background:url(images/top.jpg) repeat-x top center;}
.top{ height:34px;}
.top .data{width:180px;height:32px;overflow:hidden;text-align:right;line-height:32px;color:#FFF;float: right;position:relative;}
.top ul{height:32px;overflow:hidden;margin-right:17PX;float:right;position:relative;}
.top ul li {width:80px;height:32px;line-height:32px;text-align:center;border-right:1px solid #5F9AE0;float:left;}
.top ul li a:active, .top ul li a:link, .top ul li a:visited {color:#FFF;}
.top ul li a:hover {color:#FF0000;}
.head { height:90px;}
.head .logo{ float:left; position:relative; width:280px; padding-top:10px;}
.head .logo img{ width:auto; height:auto;}
.head .head_r{width:420px;height:40px;overflow:hidden;margin-top:35px;float:right;position:relative;}
.head .head_r .tel{width:210px;height:40px;overflow:hidden;float:left;position:relative}
.head .head_r .search{width:200px;height:30px;overflow:hidden;margin-top:5px;float:right;position:relative;}
.head .head_r .search_put {width:165px;height:28px;border:1px solid #96C3FA;float:left;position:relative;}
.head .head_r .search_sou{width:33px;height:30px;overflow:hidden;float:right;position:relative;}
.head .head_r .submit{ width:33px; height:30px; background:url(images/put.jpg) no-repeat; border:0;}
.nav_put {width:160px;height:28px;line-height:28px;overflow:hidden;padding:0;margin:0 auto;color:#333;border:none;background:#FFF;padding-left:5px;position:relative;}

.menu{ width:100%; height:auto;/* background:url(images/nav_bg.jpg) repeat-x bottom left;*/}
.nav{ height:33px; width:1100px; margin:2px auto 0; background:#2E6FBF;position:relative;}
.nav ul{ float:right; height:33px; width:100%;}
.nav ul li {width:122px;height:33px;line-height:33px;text-align:center;background:url(images/line.png) no-repeat right center;float:left; position:relative;}
.nav ul li.last{ background:none;}
.nav ul li a:active, .nav ul li a:link, .nav ul li a:visited {color:#FFF;display:block;width:122px;height:33px;font-size:14px;}
.nav ul li a:hover {display:block;width:122px;height:33px;color:#FFF;}
.nav li ul.sub{ width:122px; height:auto;position:absolute; display:none; z-index:10000; float:left; border-top:1px solid #6faae6; border-bottom:1px solid #6faae6;}
.nav li ul.subp{ width:455px; position:absolute; left:-165px;}
.nav li ul.sub li{ height:33px; width:100%; background:#6faae6; margin:0 !important;}
.nav li ul.sub li a{color:#fff;width:100%; font-weight:normal; display:block; height:33px; line-height:33px; font-size:12px !important;}
.nav li ul.sub li a:hover{ color:#FFF;font-weight:normal; background:#2e6fbf;} 
.nav li ul.sub li a:visited{color: #fff; }
.nav li:hover ul.sub, li.over ul.sub{display: block;}

.main01{width:100%;height:27px;overflow:hidden;padding:0;margin:0 auto;background:url(images/gk.jpg) repeat-x;position:relative;}
.main01_gg{ width:1100px;height:27px;overflow:hidden;padding:0;margin:0 auto;position:relative;}
.main01_t{ width:65px;height:27px;overflow:hidden;line-height:27px;font-weight:bold;color:#6B6B6B;padding-left:20px;background: url(../images/gico.jpg) no-repeat left center;float:left;position:relative;}
.main01_gg .tempWrap{ float:right; width:1010px; height:27px;}
.main01_gg .tempWrap li{ float:left; width:100%; height:27px;}
.main01_gg .tempWrap li a{ float:left; color:#333; font-size:12px;line-height:27px;}
.main01_gg .tempWrap li a:hover{ text-decoration:underline;}
.main01_gg .tempWrap li span{ float:left; margin-left:65px; color:#333; font-size:12px;line-height:27px;}

/*main*/
.main{ width:auto; height:auto; overflow:visible;}
.main1{ width:1100px; height:auto; overflow:visible; background:#fff; margin:0 auto ; padding:15px 0;}
.main1_l{ width:340px; float:left; position:relative;}
.main1_t{ line-height:30px; width:100%;height:30px;overflow:hidden; margin:0 auto;font-size:14px;font-family:"微软雅黑";font-weight:bold;color:#333333;border-bottom:1px solid #E8E8E8;position:relative; float:left;}
.main1_t i{ display:inline-block; width:26px; height:30px; float:left;}
.main1_t span{ float:left; display:block;}
.main1_t a{ float:right; font-family:"宋体"; line-height:30px; color:#666; font-size:12px; font-weight:normal;}
.main1_t a:hover{ text-decoration:underline; color:#2e6fbf;}
.mico1{ background:url(../images/mico.jpg) no-repeat left center;}
.mico2{ background:url(../images/mico2.jpg) no-repeat left center;}
.mico3{ background:url(../images/mico3.jpg) no-repeat left center;}
.mico4{ background:url(../images/mico4.jpg) no-repeat left center;}

.main1_l_c{ float:left; margin-top:15px; line-height:220%; color:#666;}
.main1_l_c span{ display:block; margin-bottom:5px;}
.main1_l_c a{ display:inline-block; margin-left:3px; color:#1f91d0;}
.main1_l_c a:hover{ color:#f00; text-decoration:none;}

.main1_c{ width:360px; float:left; position:relative; margin:0 30px;}
.main1_c_c{ width:100%; height:auto; float:left; margin-top:15px;}
.main1_c_c dl{ float:left; width:100%; height:auto;}
.main1_c_c dl dt{ width:120px; margin-right:10px; height:auto; float:left;}
.main1_c_c dl dt img{ width:120px; height:78px; border:1px solid #eee;}
.main1_c_c dl dd{ float:right; width:230px;}
.main1_c_c dl dd h1{ width:100%; line-height:18px; padding-bottom:4px; color:#666;}
.main1_c_c dl dd h1 a{ font-size:14px; font-weight:bold;}
.main1_c_c dl dd a:hover{ color:#F00;}
.main1_c_c dl dd span{ display:block; line-height:20px; color:#8c8c8;}
.main1_c_c dl dd span a{ margin-left:3px; color:#1f91d0; display:inline-block;}
.main1_c_c ul{ float:left; width:100%; height:auto; margin-top:2px;}
.main1_c_c ul li{ float:left; height:auto; line-height:28px; width:100%; background:url(images/dot.jpg) no-repeat 0 50%; border-bottom:1px dashed #ddd;}
.main1_c_c ul li a{ float:left; color:#666; margin-left:10px;}
.main1_c_c ul li span{ float:right; color:#666;}
.main1_c_c ul li a:hover{ color:#F00;}

.main1_r{ width:340px; float:right; position:relative;}
.main1_r_c{line-height:220%;color:#666;width:100%;padding-top:15px;float:left; background:url(images/contact_img.jpg) no-repeat right bottom;height:258px;}
.main1_r_c h1{ font-size:18px; color:#666; padding-bottom:10px; font-weight:bold;}
.main1_r_c span{ display:block; line-height:20px;}
.main1_r_c font{ font-size:28px; color:#F00; font-weight:bold; line-height:35px;}

.main2{ width:1100px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:20px;}
.main2_c{ margin-top:15px; width:100%; float:left; height:auto;}
.main2_c ul{ height:auto;text-align: center;width:100%;}
.main2_c ul li{ width:207px; height:auto; float:left; margin-right:18px;}
.main2_c ul li a{ display:inline-block;}
.main2_c ul li a img{ width:205px; height:145px; border:1px solid #e5e5e5; padding:1px;}
.main2_c ul li span a{ display:block; background:#E7E7E7; text-align:center; line-height:30px; color:#6B6B6B; font-size:12px;}
.main2_c ul li span a:hover{ color:#fff; background:#3680D7;}

/*footer*/
.footer{width:100%;height:auto;overflow:hidden;padding:20px 0 10px;margin:0 auto 0;background:#3680D7;position:relative;}
.foot{width:1100px;height:auto;overflow:hidden;padding:0;margin:0 auto;position:relative;}
.foot dl{ width:80px;height:273px;overflow:hidden;padding:0 30px;float:left;border-right:1px solid #5D99DF;position:relative;}
.foot dl dt{width:100%;height:30px;line-height:30px;overflow:hidden;float:left;margin:0 auto;font-size:14px;font-weight:bold;text-align:left;color:#FFF;}
.foot dl dd{width:100%;height:auto;overflow:hidden;float:left;margin:0 auto;position:relative;}
.foot dl dd ul{ width:100%; height:auto; float:left;}
.foot dl dd ul li{ width:100%;height:27px;line-height:27px;text-align:left;float:left; overflow:hidden;}
.foot dl dd ul li a:active, .foot dl dd ul li a:link, .foot dl dd ul li a:visited{color:#AECCEE}
.foot dl dd ul li a:hover{ color:#F00;}
.foot .link{ width:100%; float:left; line-height:30px;margin:10px auto 0;color:#FFF;}
.foot .link span{color:#FFF;font-size:12px;font-weight:bold;float:left;}
.foot .link a{ padding:0 4px; color:#FFF;}
.foot .link a:hover{ color:#F00;}
.foot dl.others{ width:190px; height:auto;}
.foot dl.last{border-right:0px solid #5D99DF;}
.foot_b{ width:100%; height:34px; background:#2771CA; line-height:34px; color:#FFF;}
.foot_b a{ color:#FFF; margin-left:6px;}
.foot_b a:hover{ color:#F00;}

/*content*/
.nban{ width:1100px; margin:0 auto; height:215px; background:url(images/nban.jpg) no-repeat;}

.content{ width:1146px; height:auto; overflow:hidden; margin:0 auto; min-height:460px; padding:10px 0 0; position:relative;}
.nymain_left {width:23px;height:496px;overflow:hidden;float:left;background:url(../images/mbg.png) no-repeat center;position: absolute;z-index:10;left:15px;top:20px;}
.nymain_right {width:23px;height:496px;overflow:hidden;background:url(../images/mbg1.png) no-repeat center;float: right;position: absolute;z-index:10;top:20px;left:1108px;}
.nymain_conter{width:1100px;height:auto;overflow:hidden;background:#FFF;margin-left:23px;padding-top:10px;float:left;position:relative;}

.side_left{ width:220px;height:auto;overflow:hidden;margin-left:15px;float:left;position:relative;}
.side_lt{ width:190px;height:40px;overflow:hidden;line-height:40px;border-bottom:2px solid #D7D7D7;padding:0 0 0 30px;margin:0 auto 0;color:#F00;font-size:16px;font-weight:bold;position:relative;}

.side_menu{ float:left; width:220px;height:auto;overflow:hidden;padding:8px 0;margin:0 auto;}
.side_menu li{ width:220px;height:45px;line-height:45px;overflow:hidden;border-bottom:1px solid #D7D7D7;float:left;}
.side_menu li a:active, .side_menu li a:link, .side_menu li a:visited { display:block;width:190px;height:45px;color:#333;padding-left:30px;}
.side_menu li a:hover { display:block;width:190px;height:45px;color:#F00}


.side_right{ width:790px;height:auto;overflow:hidden;padding-left:40px;margin-right:15px;background:url(../images/nrbg.png) no-repeat left top;float:right;position:relative;}
.side_r_t{ width:100%;height:30px;overflow:hidden;line-height:30px;overflow:hidden;padding:0;margin:0 auto;border-bottom:1px solid #EBEBEB;}
.side_r_t .pos{color:#666;}
.side_r_t .pos span{ color:#676767;font-weight:bold;}
.side_r_t .pos a{ font-size:12px;font-weight:normal;color:#666;}
.side_r_t .pos a:hover {font-weight: normal;color:#FF0000;text-decoration:none;}
.side_r_t .pos em{ font-style:normal; font-weight:normal;color:#2894FF;}

.right_con{ width:100%; height:auto; overflow:hidden; min-height:580px; padding-bottom:20px; padding-top:10px;}
.right_con h1.about_t{ font-size:28px; line-height:58px; font-weight:700; color:#323232; line-height:1.5; padding:8px 0;}
.infor{ width:780px; padding:0 5px; height:auto; line-height:26px; overflow:hidden; min-height:458px; color:#666;}
.infor img{ height:auto; overflow:hidden; width:auto;}
.map{ margin-top:10px;}
.infor a{ color:#666;}

.news_list{ width:780px; height:auto; overflow:hidden; float:left;}
.news_list li{width:770px;height:30px;line-height:30px;border-bottom:#999 1px dotted;background:url(images/nic.jpg) no-repeat left center;padding-left:10px;float:left;}
.news_list li span {height:30px;line-height:30px;padding-right:10px;color:#999;float:right; display:block;}
.news_list li a{ font-size:12px; float:left; color:#666;}
.news_list li .more a:hover{ color:#f00;}

/*page*/
#page{ height:30px; margin-top:15px;overflow:hidden; width:100%; text-align:center; float:left;}
#page a.active{color:#fff; cursor:default; background:#2E6FBF;}
#page a{ display:inline; padding:4px 9px; margin:0 2px; background:#ddd; border-radius:2px; height:26px; line-height:26px; text-align:center; color:#000;}
#page a:hover{ color:#fff; cursor:default; background:#2E6FBF;}
#page a.next1{  height:26px;overflow: hidden;}
#page a.prev1{ height:26px;overflow: hidden;}
#page a.next1:hover{ height:26px;overflow: hidden;}
#page a.prev1:hover{  height:26px;overflow: hidden;}
#page .none{ display:none;}

/*product*/
.case_list{ width:100%; height:auto; overflow:hidden;}
.case_list li{ float:left; width:244px; height:auto; margin:8px 8px 4px; overflow:hidden;}
.case_list li a{ height:auto; overflow:hidden; text-align:center;position:relative;display:inline-block;vertical-align:middle;}
.case_list li a:hover{ color:#F00;}
.case_list li a img{ width:242px; height:165px; border:1px solid #ddd;}
.case_list li span{ width:100%; height:24px; line-height:24px; text-align:center; display:block; font-size:12px;}

/*detail*/
.details_con{ width:780px; padding:0 5px; height:auto; overflow:hidden; min-height:400px; float:left;}
.detail_title{ font-size:16px; line-height:35px; font-weight:700; color:#333; text-align:center;}
.detail_time{ color:#999; line-height:26px; width:100%; font-size:12px; min-height:5px; border-bottom:#ddd 1px dashed; text-align:center; padding-bottom:5px;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;}
.details_info{ width:100%; height:auto; overflow:hidden; padding:10px 0; line-height:24px; color:#666; min-height:360px;}

.details_con img{ border:1px solid #eee; max-width:100%; height:auto;}
.detail_fenye{ width:100%; height:auto; overflow:hidden; padding:10px 0;}
.detail_fenye span{ display:inline-block; margin-right:5px;}
.detail_fenye a:hover{ color:#ff6600;}

.details_right{ float:right; width:300px; border-top:1px solid #ddd; padding:10px 10px 15px; border-bottom:1px solid #ddd;margin:15px 0 30px;}
.details_right h2{ font-size:18px; font-weight:bold; line-height:50px;}
.details_right ul{ float:left; width:100%;}
.details_right ul li{ width:300px; height:auto; float:left; margin:5px 0 10px;}
.details_right ul li .pic{ width:124px; margin-top:5px; float:left; background:url(images/d_bb.jpg) no-repeat center; padding:4px 7px 7px 4px;}
.details_right ul li .pic img{ height:81px; width:124px;}
.details_right ul li h4{ line-height:24px; font-size:15px; font-weight:700; width:300px; float:left;}
.details_right ul li h4 a{ color:#542f63;}
.details_right ul li span{ display:block; line-height:26px; float:right; width:155px;}
.details_right ul li span a{ margin-left:5px; color:#8f000b;}

.detail_fenye{ width:100%; height:auto; margin:0 auto;}
.detail_fenye span{ line-height:30px; color:#333; font-size:12px;}
.detail_fenye span a{ color:#666}
.detail_fenye span a:hover{ color:#f00; text-decoration:underline;}

/*留言*/
.mess_con{ width:770px; margin:0 auto; padding:10px 10px 0; float:left;}
.mess_con form{ font-size:14px; line-height:2; color:#666;}
.mess_left{ width:100px; text-align:right; padding-right:10px;}
.mess_con .btn{ background:url(images/btn_03.gif) no-repeat; width:96px; min-width:96px; height:30px; border:none; margin-top:10px; cursor:pointer;}
.red{ color:red; padding-left:5px;}
.mess_con input{ height:25px; border:1px solid #ccc; min-width:180px;}
.mess_con textarea{border:1px solid #ccc; }
.mess_con .table1 tr{ height:35px;}

.mess_title{ font-size:14px; font-weight:900; background:#e7e7e7; padding:6px 10px; border:1px solid #CCC;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ float:left; width:770px; margin:0 auto; background:#FFF;}
.mess_show li{ width:868px; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; background:#f4f4f4;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:1px solid #CCC; color:#a40000;}
.mess_replay{ float:left; width:100%;}
.mess_content p,.mess_replay p{ padding:5px; min-height:38px; line-height:24px;}