@charset "utf-8";

* {margin:0; padding:0; list-style:none; }

html{_background:url(about:blank);background-attachment:fixed;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,

button,input,textarea,th,td{margin:0;padding:0;}

body{ background:#fff; color:#515151; font-size:14px; font-family: '微软雅黑','宋体', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}

ul,li{list-style:none;text-transform:capitalize;}

input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333; font-family: '微软雅黑', '宋体',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}

button{cursor: pointer;}

table{border-collapse:collapse;border-spacing:0;}

.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

.left{ float:left;}.right{ float:right;}

a{color:#666666; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}

a:hover{color:#fd8f13; text-decoration:none;}

img{border:none;}

#clear{width:100%; height:0px; clear:both;}

.clear{width:100%; height:0px; clear:both;}

p{line-height:25px;}

.left{ float:left;}

.right{ float:right;}





.top{ width:100%; height:145px; margin:0 auto; position: fixed; z-index:99999999999999999999999; }

.tpp{ width:100%; height:90px; margin:0 auto; background:#fff;}

.top1{ width:100%; height:145px; margin:0 auto; position: fixed; z-index:99999999999999999999999; }

.tpp1{ width:100%; height:90px; margin:0 auto; background:#fff;}

.logo{ width:1280px; height:90px; margin:0 auto;}

.logo img { width:567px; height:90px;}

#menu_wp{ width:100%; height:55px; background:url(../images/m1.png) left repeat;}

/*menu*/

#menu { display:block; width:1278px; margin:0 auto; height:55px; }

#nav {display:block;}

#nav .mainlevel {float:left; text-align:center; width:180px; height:55px; display:block; position:relative; z-index:999999}

#nav .mainlevel a{ text-decoration:none; width:180px; text-align:center; margin:0 auto; line-height:55px; color:#f5f4f4; height:55px; display:block; font-size:16px;font-weight:700; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}

#nav .mainlevel a:hover {color:#ff; background:#c0b057; text-decoration:none;  z-index:999}

#nav .mainlevel ul {position:absolute; display:none; margin-left:0px; padding-top:8px; padding-bottom:15px; z-index:99; background:#fff url(../images/11d.jpg) top center no-repeat;}

#nav .mainlevel li {background:#fff; padding-top:5px;}

#nav .mainlevel li a {padding:0px; width:180px; color:#666; background-image:none; background-color:#fff; font-size:15px; line-height:28px; height:28px; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

#nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#c0b057; border:none;}

.left {
   font-size:16px;font-weight:700;padding: 10px 0;
}
.right {
   font-size:16px;font-weight:700;padding: 10px 0;
}
.cont1{ width:100%; height:292px; background: url(../images/bt1.jpg) center top no-repeat; overflow:hidden;}

.cnt1{ width:1300px; height:262px; margin:0 auto; margin-top:30px;}

.cnt1 li{ width:412px; height:167px; float:left; margin: 20px 0px 10.5px 0px;
    margin-right: 20px;}

.cnt1 li a{ width:412px; height:167px; display:block; background:#fff;}

.ct1_l{ width:200px; height:167px; float:left;}
.ct1_l img{ width:200px; height:167px;}
.ct1_r{ width:202px; height:167px; float:right;}

.ct1_r h2{ width:202px; height:30px; line-height:30px; color:#3f3f3f; font-size:20px; margin-top:45px; text-indent:20px; background:url(../images/r1.png) left center no-repeat;}

.ct1_r p{ text-indent:20px; color:#a8a8a8;}



.cnt1 li a:hover{ background:linear-gradient(180deg,#7cc4fe 0%, #45aeff 50%);;}

.cnt1 li a:hover .ct1_r h2{ background:url(../images/r2.png) left center no-repeat; color:#fff;}



#bt1{width:80%;  margin:0 auto; min-height:25px; text-align:center; padding:20px 0px 20px 0px; color:#3e3e3e;}

#bt1 h2{font-size:30px; line-height:60px;}

#bt1 p{ font-size:14px; line-height:20px; color:#a1a1a1; font-weight:normal;}



#cont5c{width:1280px; height: auto; margin:26px auto 0px auto;  }

#ps5{width:292px; height: auto; background:#fff; text-align:center;margin:0px 15px; padding:0px;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;display:block;}

#ps5 img{max-width:290px; height: auto; border:1px solid #bfbfbf;   }

#ps5 p{ width:292px; height:60px; text-align:center; line-height:60px;  }

#pp5{ width:292px; height: auto; }



.mor{ width:120px; height:42px; margin:0 auto;}

.mor a{ width:120px; height:42px; background:linear-gradient(180deg,#7cc4fe 0%, #45aeff 50%);; color:#fff; line-height:42px; text-align:center; display:block;}



.cont2{ width:100%; height:440px; background: url(../images/t1.jpg) center top no-repeat; margin-top:70px;}

.cnt2{ width:1280px; height:440px; margin:0 auto;}

.ct2_l{ width:650px; height:440px; float:right; padding:80px 0px; color:#2d2d2d; }



#cont2c{width:1280px; height: auto; margin:26px auto 0px auto;  }

#ps1{width:292px; height: auto; background:#fff; text-align:center;margin:0px 15px; padding:0px;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;display:block;}

#ps1 img{max-width:290px; height: auto; border:1px solid #bfbfbf;   }

#ps1 p{ width:292px; height:60px; text-align:center; line-height:60px;  }

#pp1{ width:292px; height: auto; }



.cont3{ width:100%; height:516px; background:url(../images/n1.jpg) center top no-repeat; overflow:hidden;}

.cnt3{ width:1280px; height:396px; margin:60px auto;}

.cnt3_l{ width:610px; height:396px; float:left; }

.cnt3_r{ width:610px; height:396px; float:right; }











.ctlz{ width:610px; height:50px; line-height:50px; font-size:18px; color:#5a4026; margin-top:10px; border-bottom:1px solid #e3e2de; }

.ctlz a{ float:right; font-size:14px; color:#5a4026}

.ctld{ width:610px; margin-top:15px;}

.ctld li{ width:610px; height:42px; }

.ctld li a{ width:610px; height:42px; display:block; overflow:hidden; color:#524942; line-height:42px; }

.ctld li a:hover{ color:#ff8b18;}

.ctld li a span{ float:left; color:#b2b2b2;}

.ctld li a .ctdr{ width:510px; float: right; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}





.footer{ width:100%; height:auto; }

.foot{ width:100%; height:270px;  background: #3896cf; color:#fff; border-top:4px solid #a9d2ee;}

.fot{ width:1280px; height:270px; margin:0 auto; position:relative;}

.fotl{ width:680px; height:240px; padding-top:30px; float:left;}

.ft_menu{ font-size:20px; font-weight:bold; color:#ffffff;}

.link{ width:300px; background:url(../images/foot_1.jpg) left top no-repeat;  line-height:34px; margin-top:20px; float:left; margin-right:40px;}

.fotz{ width:360px; position:absolute; left:700px; top:30px;}



.ft_pr{ width:360px; padding-top:20px;}

.ft_pr li{ float:left; margin-right:20px;}

.ft_pr a{ width:135px; height:35px; border-bottom:1px solid #fff; line-height:30px; display:block; color:#ffffff; padding-left:16px; background:url(../images/dd.jpg) left center no-repeat; overflow:hidden;}



.fotr{ width:150px; height:170px; float:right; padding-top:40px;}

.wx_1{ width:120px ; height: auto; padding-left:20px; }

.wx_1 img{ max-width:120px; height: auto; }

.fx{ width:100px; height:40px; padding-top:10px; padding-left:50px;}



.fp{ width:100%; min-height:32px; line-height:32px; text-align:center; background:#000; padding:10px 0px; color:#fff;}





.bannera{ width:100%; height:auto; }

.bannera img{ width:100%; height:auto;}



.ab{ width:1200px; height: auto; margin:0 auto; color:#8a8a8a;}

.ab_list{ width:100%; height:50px; padding-top:20px;text-align:center;}

.ab_list a{ line-height:10px; padding:14px 36px; margin-right:10px; font-size:16px; margin-left:10px; background:#fff; border:1px solid #0061a0; color:#5b5b5b;}

.ab_list a:hover{ background:#e40002; color:#fff;border:1px solid #0061a0;background:#0061a0;}



.main{ width:1280px; height:auto; margin:0 auto;padding-top:40px;padding-bottom:50px;}

.main img{ max-width:100%;}



.gywm{ width:100%; height:auto; margin-top:30px; }

.gywm li{ width:33.33%; float:left; padding:0px 20px; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.gywm li img{ width:100%;}



.product{ width:1280px; height:auto;}

.product li{ width:230px; height:350px; float:left; margin:0px 13px; margin-bottom:20px;}

.product li a{ width:230px; height:350px; display:block; line-height:50px; text-align:center;}

.product li a img{ width:228px; height:298px; border:1px solid #d0d0d0;}





/*分页*/

#nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:center; }

#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}

#nx_pg a:hover{background:#757575; color:#fff;}

#nx_pg .on{ background:#757575; color:#fff;}





#info-T{width:100%; min-height:30px; padding-top:15px; padding-bottom:15px; line-height:30px; text-align:center; font-size:22px; color:#707070; font-weight:bold;}

#info-M{width:100%; height:45px; line-height:45px; text-align:center; border-top:#e0e0e0 1px dotted;}

#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}s



#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}

#info-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}



#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}

#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}

#big img{height:380px; max-width:728px;}







.ctln

.ctln{ width:1280px; margin-top:15px; margin:0 auto;}

.ctln li{ width:610px; height:42px; float:left; margin:0px 15px; }

.ctln li a{ width:610px; height:42px; display:block; overflow:hidden; color:#524942; line-height:42px; }

.ctln li a:hover{ color:#ff8b18;}

.ctln li a span{ float:left; color:#7a604c;}

.ctln li a .ctdrk{ width:510px; float: right; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}



.photo1{ width:1280px; height:auto;}

.photo1 li{ width:285px; height:242px; float:left; margin:0px 17.5px; margin-bottom:20px;}

.photo1 li a{ width:285px; height:242px; display:block; line-height:50px; text-align:center;}

.photo1 li a img{ width:285px; height:192px; }



.photo2{ width:1280px; height:auto;}

.photo2 li{ width:360px; height:540px; float:left; margin:0px 33px; margin-bottom:60px;}

.photo2 li a{ width:360px; height:540px; display:block; line-height:50px; text-align:center;}

.photo2 li a img{ width:360px; height:540px; }







.mor1{ width:120px; height:42px; margin-top:30px;}

.mor1 a{ width:120px; height:42px; background:#cee9c2; color:#5c5c5c; line-height:42px; text-align:center; display:block;}