@charset "gb2312";
@import url("/font/font.css");
/* CSS Document */
body{ font-size:12px; font-family:"siyuan"; color:#333333;}
*{ margin:0px; padding:0px;}
img{ border:0px;}
a{ color:#000; text-decoration:none}
ul li{ list-style-type:none; list-style-image:none; font-size:12px;}
h1,h2,h3,h4,h5,h6{ font-size:100%}
.clear{ line-height:0;width: 100%;height: 0px;clear: both; }

.top{ width:100%; height:145px; float:left; background:url(../images/top-bg.jpg) repeat-x;}
.top_cont{ width:1080px; height:145px; margin:0 auto;}
.logo{ height:100px; float:left;}
.logo img{ float:left; margin-top:17px;}
.tel{ float:right; height:100px; width:210px}
.tel dd{ float:right; height:15px; line-height:15px; padding-left:27px; background:url(../images/china.jpg) no-repeat; margin-left:10px; margin-top:34px;}
.tel dd:nth-child(1){ background:url(../images/english.jpg) no-repeat;}
.tel span{ float:left; font-size:18px; width:185px;font-weight:bold; display:block; height:26px; padding-left:32px; background:url(../images/a_15.jpg) no-repeat left center; margin-top:8px;}
.nav{ width:100%; height:45px; float:left}
.nav ul li{ float:left; width:117px; height:45px;}
.nav ul li a{ width:117px; height:45px; text-align:center; line-height:45px; background:url(../images/a_22.jpg) no-repeat right center; font-size:15px; color:#fff; font-weight:bold;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nav ul li a:hover{ background:url(../images/a_19.jpg) no-repeat}
.nav ul li:hover .Tprods{ display:block}
.top_gjc{ width:100%; float:left; height:45px; background:url(../images/a_27.jpg) repeat-x; line-height:45px;}
.video{margin:0 auto;width:1080px;}
.gjcCont{ width:1080px; height:45px; line-height:45px; margin:0 auto;}
.top_gjc div{ font-size:14px; color:#555}
.sky{ width:345px; height:30px; float:right; background:url(../images/a_30.jpg) no-repeat; margin-top:8px;}
.stext{ width:261px; height:30px; border:0; line-height:30px; font-size:13px; color:#999; float:left; margin-left:18px;outline:none}
.sbut{ width:66px; height:30px; float:left; border:0; background:none; cursor:pointer}
.box{ width:100%; height:1395px; float:left; background:url(../images/a_46.jpg) no-repeat center 459px;}
.boxCont{ width:1080px; height:100px; margin:0 auto;}
.cpzx{ width:100%; height:65px; text-align:center; font-size:30px; font-family:impact,arial; margin-top:56px; float:left; color:#999;}
.cpzx font{ font-family:"siyuan"; font-size:20px; color:#555; font-weight:bold}
.cptp{ width:100%; float:left; height:235px; margin-top:34px;}
#res{ width:100%; float:left; height:235px; margin-top:34px;}
#res ul li{ border:1px solid #dfdfdf; width:248px; height:233px; float:left; margin-right:26px;}
#res ul li img{ width:248px; height:190px; float:left; border-bottom:1px solid #dfdfdf;}
#res ul li span{ width:248px; height:42px; line-height:42px; text-align:center; display:block; float:left; font-size:14px; color:#555; background-color:#f7f7f7;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#res ul li:hover{border:1px solid #0068c6;}
#res ul li:hover img{ border-bottom:1px solid #0068c6}
#res ul li:hover span{ background-color:#0068c6; color:#fff}
#left{ width:21px; height:41px; float:left; background:url(../images/a_38.jpg) no-repeat; border:0; margin-top:114px; margin-left:-53px; cursor:pointer; outline:none}
#right{ width:21px; height:41px; float:right; background:url(../images/a_41.jpg) no-repeat; border:0; margin-top:114px; margin-right:-53px;cursor:pointer; outline:none}

.cpzx1{ width:100%; height:65px; text-align:center; font-size:30px; font-family:impact,arial; margin-top:120px; float:left; color:#999;}
.cpzx1 font{ font-family:"siyuan"; font-size:20px; color:#555; font-weight:bold}
.tup{ width:369px; height:270px; float:left; margin-right:29px;}
.itt{ width:560px; height:35px; float:right; line-height:35px; font-size:18px; color:#333; font-weight:bold}
.ext{ width:560px; height:195px; float:right; line-height:28px; margin-top:10px;}
.ext p{ font-size:14px; color:#555; text-indent:2em;}
#more{ color:#777; padding-top:10px; text-decoration:underline;}

.cpzx2{ width:100%; height:65px; text-align:center; font-size:30px; font-family:impact,arial; margin-top:110px; float:left; color:#999;}
.cpzx2 font{ font-family:"siyuan"; font-size:20px; color:#555; font-weight:bold}
.slxpo{ width:100%; height:308px; float:left; margin-top:38px;}

.jdt{ width:388px; height:308px; float:left; margin-right:52px;} 

.focus{ position:relative; width:388px; height:308px; background-color: #000; float: left;}  
.focus img{ width: 388px; height: 308px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.ddk{ width:597px; height:59px;  float:left; padding:18px 19px 19px 24px; margin-bottom:10px;}
.oop{ width:88px; height:59px; line-height:59px; font-size:60px; color:#0068c6; background:url(../images/b_07.png) no-repeat right center; float:left; margin-right:25px;}
.oot{ width:480px; height:59px; float:left}
.ttop{ width:100%; height:22px; font-size:16px; line-height:22px; float:left;}
.ttop span{ float:left;}
.ttop font{ float:right}
.oot p{ font-size:12px; color:#666; float:left; line-height:18px;}

.ddk:hover{ background-color:#0068c6}
.ddk:hover .oop{ color:#fff}
.ddk:hover .oot{ color:#fff}
.ddk:hover .oot p{ color:#8abcea}

.foot{ width:100%; height:390px; float:left; background:url(../images/ok_03.jpg) repeat-x;}
.ftCont{ width:1080px; height:330px; margin:0 auto; padding-top:60px;}
.ftCont dt{ font-size:16px; color:#ededed; margin-bottom:24px;}
.ftCont dd{ padding-left:20px; font-size:14px; color:#acacac; line-height:24px}
.ftCont dd a{ font-size:14px; color:#acacac;}

.f1{ width:210px; height:278px; float:left;}
.f2{ width:260px; height:278px; float:left;}
.f3{ width:360px; height:278px; float:left;}
.f4{ width:248px; height:278px; float:left;}
.gzh{ width:112px; height:160px; float:left; text-align:center; line-height:30px; color:#acacac; font-size:14px; margin-top:43px; margin-right:25px;}
.gzh img{ width:100%; float:left;}
.xcp{ width:111px; height:160px;float:left; text-align:center; line-height:30px; color:#acacac; font-size:14px; margin-top:43px;}
.xcp img{ width:100%}
.copy{ width:100%; height:52px; line-height:52px; text-align:center; color:#999}
.copy a{ color:#999}

.pord{ width:100%; float:left; margin:26px 0;}
.pdCont{ width:1080px; margin:0 auto;}
.left{ width:250px; float:left}
.cp-top{ width:231px; height:76px; float:left; background:#0068c6; padding-left:19px; line-height:76px; font-size:20px; color:#fff;}
.cp_cuk{ width:248px;  float:left; border:1px solid #cfcfcf; border-bottom:0}
.cp_cuk ul li{ width:248px; height:51px; border-bottom:1px solid #cfcfcf;}
.cp_cuk ul li a{ width:215px; height:51px; display:block; padding-left:33px; line-height:51px; background:url(../images/pro_12.jpg) no-repeat 18px center; font-size:14px; color:#555}
.cp_cuk ul li:hover a{ color:#0068c6; background:url(../images/pro_09.jpg) no-repeat 18px center; font-weight:bold}

.right{ width:799px; float:right;}
.right2{ width:100%; float:left}
.ri-top{ width:100%; height:37px; float:left; background:url(../images/pro_05.jpg) no-repeat left bottom; line-height:30px;}
.ri-top h3{ font-size:20px; color:#0068c6; float:left}
.ri-top span{ float:right}
.ri-pods{ width:100%; float:left;}
.ri-pods ul li{ border:1px solid #dfdfdf; width:248px; height:292px; float:left; margin-right:24px; margin-top:20px;}
.ri-pods ul li img{ max-width:100%;width:auto;  float:left; border-bottom:1px solid #dfdfdf;}
.ri-pods ul li span{ width:248px; height:42px; line-height:42px; text-align:center; display:block; float:left; font-size:14px; color:#555; background-color:#f7f7f7;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ri-pods ul li:hover{border:1px solid #0068c6;}
.ri-pods ul li:hover img{ border-bottom:1px solid #0068c6}
.ri-pods ul li:hover span{ background-color:#0068c6; color:#fff}

.WebPages_pnlPages table tr td span{background:#0068C6; color:#fff; border:1px solid #0068C6;padding:8px 13px;}
.WebPages_pnlPages table tr td a{ padding:8px 13px; border:1px solid #ccc}
.WebPages_pnlPages table tr td input{ width:35px; height:33px; text-align:center;}
#language a:hover {
	color: #26ade4
}

.pr_cter{ width:95%; float:left; margin:20px 2.5%}
.h1{ width:100%; height:30px; line-height:30px; font-size:18px; text-align:center;}
.hon{ width:100%; height:30px; line-height:30px; text-align:center; font-size:12px; color:#999; margin-bottom:20px;}
.p2{ width:100%; text-align:center; margin-bottom:30px;}
.p2 img{ max-width:70%}
.p3{ width:100%; float:left; line-height:24px}
.p3 img{ max-width:100%;}
.ppleft{ float:left; width:100%; font-size:14px; margin-bottom:10px}
.ppright{ float:left; width:100%; font-size:14px;}
.llk{ width:100%; float:left}
.llk h3{ width:100%; height:30px; line-height:30px; font-size:16px;}
.st{ width:100%; float:left;}
.st ul li{ float:left; margin:0 9px; text-align:center}
.st ul li img{ border:1px solid #ccc}

.ri-news{ width:97%; float:left; margin:15px 1.5%;}
.ri-news ul li{ width:100%; float:left; height:40px; line-height:40px; border-bottom:1px dashed #ccc; margin-bottom:10px}
.ri-news ul li a{ width:100%; height:100%; display:block;}
.ri-news ul li div{ float:left; font-size:14px;transition:margin-left 0.3s;-moz-transition:margin-left 0.3s;-webkit-transition:margin-left 0.3s;}
.ri-news ul li span{ float:right; font-size:12px; color:#999}
.ri-news ul li:hover div{ margin-left:10px; color:#0068C6; font-weight:bold;transition:margin-left 0.3s;-moz-transition:margin-left 0.3s;-webkit-transition:margin-left 0.3s;}

.ri-news1{ width:97%; float:left; margin:15px 1.5%;}
.ri-qy{ width:96%; float:left; margin:20px 2%}
.ri-qy h2{font-size:15px;height:30px;line-height:30px;}
.ri-qy ul li{ height:200px; margin:0 8px 15px; width:160px; border:2px solid #ccc; padding:5px}
.ri-qy .piclist{height:100%;overflow:hidden}
.ly1{ width:100%; height:30px; float:left; line-height:30px; margin:20px 0 ; font-size:14px;}
.lyLeft{ width:150px; height:60px; line-height:60px; text-align:right; font-size:14px; float:left; padding-right:10px;}
.lyRight{ width:600px; height:60px; float:left;}
.lyRight1{ width:600px; height:95px; float:left;}
.lyRight input{ width:400px; height:40px; line-height:40px; border:1px solid #ccc; margin-top:9px; padding:0 7px; font-size:14px; float:left; border-radius:3px}
.lyRight span{ color:red; font-weight:bold; float:left; margin-left:15px; height:60px; line-height:60px; font-size:18px}
.lyRight span font{ font-size:12px; color:#ccc; font-weight:100; }
.lyRight1 textarea{ width:400px; height:80px; float:left; padding:7px; line-height:24px; font-size:14px; border:1px solid #ccc; border-radius:3px;}
#Button2{ width:100px; height:35px; border-radius:5px; float:left; margin-top:15px; margin-left:310px;}
.gjc{ width:100%; height:30px; line-height:30px; float:left; font-size:16px;}
.gjc span{ float:left; color:#fff}
.gjc h1{ font-size:16px; float:left; color:#fff}

#ddd{ height:270px; float:left; margin:0 14px; width:188px;}
#fff{ float:left; margin:0 14px; width:242px;}

.Tprods{ width:100%; float:left; position:relative; z-index:9999; background:#0068C7; display:none;}