﻿@charset "gb2312";
/* CSS Document */

*{ margin:0; padding:0;}
html{ font-size:14px; font-family: arial, Verdana, Geneva, sans-serif;}
html{-webkit-text-size-adjust: none;}
body{ }
li{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#09F;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;}
.clear{ clear:both;}
.disblok{ display:block;}
.fleft{ float:left;}
.fright{ float:right;}
.mrtop5{ margin-top:5px;}
.mrtop10{ margin-top:10px;}
.mrtop15{ margin-top:15px;}
.mrtop20{ margin-top:20px;}
.btom5{ margin-bottom:5px;}
.btom10{ margin-bottom:10px;}
.btom15{ margin-bottom:15px;}
.btom20{ margin-bottom:20px;}
table,td,table th{border:0px solid #eaeaea;border-collapse:collapse;}
img{ border:none;}
.border{ border:1px #ccc solid;}
.border2{ border:1px #ccc solid; padding:5px;}
.border3{ border:#ccc solid 5px;}

body{ background:url(../images/body_bg.png) repeat;}
.wrraper{ width:1115px; margin:0 auto;  background:url(../images/index.png) repeat-x; background-color:#fefefe;}
#top{ width:100%; height:35px; color:#FFF; line-height:33px;}
.name2{ float:left; display:inline; width:40%; text-align:center;}
#country{ float:right; display:inline; width:140px; height:35px; margin-right:20px; font-size:12px; background:url(../images/down.png) right center no-repeat; position:relative;}
#global{ display:none; position:absolute; width:135px; background-color: #FEFEFE;
    border: 1px solid #E1E4E8;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 10px #E1E4E8;
    display: none;
    overflow: hidden;
    z-index:100;
	}
#global a{border-bottom: 1px solid #E4E7E9;
    color: #000000;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align:center;
    text-decoration: none;
    width: 118px;
}
#global a:hover{ color:#09F;}

.head{ width:100%; margin-top:0px;  margin-top:30px;}
.pic1{ margin-left:35px;}
.menu{ float:right; padding-right:35px; width:460px; text-align:center; margin-top:20px;}
.menu1 li{ float:left; display:inline;}
.menu1 li a{  margin-right:35px; font-size:16px;}
.menu2{ border-radius: 5px 5px 5px 5px;
    display: block;
    list-style: none outside none;
    overflow: hidden;
    width:432px;  *width:432px; height:53px; margin-top:15px;  line-height:53px; background:#343434;}
.menu2 li{ display:inline;  font-size:14px; float:left; }
.menu2 li a{
	background:url(../images/menu_bg.png) repeat-x;border-left: thin solid #4E4E4E;
    border-right: thin solid #000000;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    padding: 0 19px;
    text-decoration: none;
    text-shadow: 2px 1px 1px #2B2B2B;
    text-transform: uppercase;
}
.menu2 li a:hover{ background:url(../images/menu_hover.png) repeat-x;}
/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

/*album*/
.card{ width:1115px; margin:0 auto; background:#FFF; height:245px;}
.albumIndex{ position:relative; width:1020px; margin:10px auto;}
.albumIndex_1{ position:absolute; left:0px; top:0px;}
.albumIndex_2{ position:absolute; left:258px; top:0px;}
.albumIndex_3{ position:absolute; left:516px; top:0px;}
.albumIndex_4{ position:absolute; left:772px; top:0px;}
.albumIndex .albumTitle{ width:100%; position:absolute; bottom:0px; background:#fff; z-index:999999; display:none;}
.mask { position:absolute; background: #000; opacity: 0; filter: alpha(opacity=0);	left: 0; top: 0; width:221px;}
.maskblack { position:absolute; background: #000; opacity: 0; filter: alpha(opacity=0);	left: 0; top: 0; width:221px;}
.albumIndex #m1{ width:252px; height:232px; text-align:center; vertical-align:middle; }
.albumIndex #m2{ width:252px; height:233px; }
.albumIndex #m3{ width:252px; height:233px; }
.albumIndex #m4{ width:252px; height:233px; }
.banner{ width:1079px; margin:0 auto; padding-left:20px;}

.middle{ width:1020px; margin:0 auto;}
.nav-tit{ width:1004px; height:40px; border-radius:5px; background:#353535; line-height:40px; padding-left:20px; color:#FFF;}
.pro-lists{ width:100%; margin:0px auto; margin-top:10px; padding-bottom:10px;}
.pro-lists ul{ }
.pro-lists ul li{ float:left; display:inline; width:201px; height:265px; margin-left:3px; background:url(../images/pro_bg.jpg) no-repeat;}
.pro-lists ul li:hover{ float:left; display:inline; width:201px; height:265px; margin-left:3px; background:url(../images/pro_bg_hover.jpg) no-repeat;}
.pro-lists ul li img{ width:195px; height:195px;}
.pro-lists ul li p{ text-align:center; line-height:65px;}

.foot{ width:1115px; margin:0 auto;}
.foot1{ width:1115px; height:160px; background: url(../images/foot1_bg.jpg) repeat-x; padding-top:20px; padding-bottom:20px; color:#FFF;}
.footup{ }
.footup dl{ float:left; display:inline;  text-align:left; margin-left:100px; }
.footup dl dd{}
.footup dl dt a{ color:#F00; height:40px; line-height:40px;}
.footup dl dd a{ color:#FFF;}
.foot2{ width:1115px; height:60px; overflow:hidden; }
.copyright{width:1085px; height:60px; float:left; display:inline; background:url(../images/foot2_bg.png) repeat-x;}
.copyright p{ color:#FFF; line-height:60px; margin-left:80px;}

/*neiye*/
.position{ margin-top:10px;}
.position span{ /*color:red;*/}
.ser-pic{}
.ser-pic ul{ float:left; display:inline; width:600px; line-height:55px; color:#FFF;}
.ser-pic ul li a{ color:#FFF; display:block;}
.ser-pic ul .li1{ float:left; display:inline; margin-right:5px; height:55px; width:130px; text-align:center; background:url(../images/arrow_bg.png) no-repeat 110px center; background-color:#ff5b40; }
.ser-pic ul .li2{ float:left; display:inline; margin-right:5px; height:55px; width:130px; text-align:center; background:url(../images/arrow_bg.png) no-repeat 110px center; background-color:#fed03f; }
.ser-pic ul .li3{ float:left; display:inline; margin-right:5px; height:55px; width:130px; text-align:center; background:url(../images/arrow_bg.png) no-repeat 110px center; background-color:#9b3bff; }
.ser-pic ul .li4{ float:left; display:inline; margin-right:5px; height:55px; width:130px; text-align:center; background:url(../images/arrow_bg.png) no-repeat 110px center; background-color:#44afff; }

.search{ float:right;  width:235px; height:33px; line-height:33px;}
.ser-font{ width:200px; padding-left:5px; border:0; height:30px; display:block; float:left; line-height:30px;}
.ser-btn{ width:26px; height:30px; background:none; border:0; cursor:pointer; display:block; float:left;background:url(../images/ser-btn.png) no-repeat right center;}

.left-menu{ float:left; display:inline; width:220px;}
.main-cont{ margin-top:15px; padding-bottom:15px;}
.left1 { border-bottom:#999 solid 0px; width:220px;}
.sub-tit{ background:#2f2f2f; width:220px; border-radius:3px 3px 0 0; height:40px;}
.sub-tit p{ background:url(../images/icon1.png) no-repeat left center; line-height:40px; margin-left:15px; color:#FFF; padding-left:25px;}
.sub-tit2{ background:#2f2f2f; width:790px; border-radius:3px 3px 0 0; height:40px;}
.sub-tit2 p{ background:url(../images/icon1.png) no-repeat left center; line-height:40px; margin-left:15px; color:#FFF; padding-left:25px;}
.left1 ul{ background:#efefef; width:100%;}
.left1 ul li{ background:url(../images/icon2.png) 20px center no-repeat; border-bottom:#fff solid 1px;  height:30px; line-height:30px; padding-left:35px; margin: 0 auto;}

.right-cont{ width:790px; float:right; display:inline;}
.right-cont img{ max-width:750px;}


.pro-detail{ width:788px; background:#ebebeb;}
.pro-font{ float:left; width:400px; display:inline; margin-top:15px;}
.small-spec{ margin-top:20px; line-height:28px;}
.specication{ width:96%; background:#ebebeb; min-height:500px; margin:0 auto; padding:10px;}
.spec-tit{ border-bottom:#1a1a1a solid 2px; width:98%; margin:0 auto;}
.pro-lists2{ width:100%; margin:0px auto; margin-top:10px; padding-bottom:10px;}
.pro-lists2 ul{ }
.pro-lists2 ul li{ float:left; display:inline; width:195px; height:265px; margin-left:2px; background:url(../images/pro_bg2.jpg) no-repeat;}
.pro-lists2 ul li img{ width:195px; height:195px;}
.pro-lists2 ul li p{ text-align:center; line-height:45px;}
.newlist{width:96%; margin-top:10px; margin:20PX auto;}
.newlist li{ margin:5px auto; line-height:40px; border-bottom:#ccc dashed 1px;}
.newlist li span{ float:right;}

.newcont{ width:96%; margin:15px auto; min-height:450PX;}
.newcont h3{ text-align:center; line-height:30px;}
.page{ width:760px; text-align:center; height:50px; margin-top:25px;}
.shouye , .pre , .next , .last{ display:inline; margin-right:15px;}
.page span{ border:#CCC 1px solid; background:#eaeaea; height:25px; line-height:25px;border-radius: 2px 2px 2px 2px; display:inline-block; width:50px;}

.lianxi{ margin:15px 20px;}
.lianxi p{ line-height:25px;}
.demand {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #D4D8DB;
	margin-top:10px;
	width:95%; margin-left:20px;
}

.demand_con {
    color: #44454B;
    font-size: 14px;
    margin: 20px 0px 17px 0px;
}

.demand_title {
    background: url("../images/contact_07.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #D4D8DB;
    color: #000000;
    font-size: 16px;
    line-height: 40px;
    text-indent: 1em;
}
.demand_con input {
    color: #666666;
    padding: 3px;
}

.demand_con td {
    padding: 5px;
}

.demand_con .box1 {
    border: 1px solid #D4D8DB;
    padding: 5px;
    width: 248px;
}
.demand_con .box2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D4D8DB;
    color: #666666;
    height: 95px;
    padding: 3px;
    width: 683px;
	float:left;
	resize:vertical;
}

.demand_con .btn {
    background: url("../images/btn.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 43px;
    width: 138px;
	margin-left: 10px;
	margin-top:10px;
}

.market{ width:98%; margin:15px auto;}
.mar-list{ margin-bottom:15px; float:left; width:120px; margin:10px 17px; height:175px;}
.mar-list p{ text-align:center; padding:10px 0; font-size:13px; float:left;}
.mar-font span a{ color:#069; line-height:30px;}

.print{ float:right;}

/*�������ӵķ�ҳ��ʽ*/
.gfx_page{}
.gfx_page button{ background:url(../images/menu_bg.png) repeat; width:50px; height:25px; border:none; color:#FFF; font-size:16px; padding:5px; cursor:pointer; font-family:Arial, Helvetica, sans-serif;}
.gfx_page .gfx_page_hover{ background:url(../images/menu_hover.png) repeat;}

