body{margin:0; padding: 0}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5{margin:0; padding: 0; list-style: none}
a{ color: #333; text-decoration: none; }
.a{width: 1200px; margin:0 auto;}
em{font-style: normal;}
a:hover{color: #ffa508}
i{font-style: normal;}

.home_top{height: 499px; margin-bottom: 20px; background-image: url(../images/b1.jpg); background-repeat: no-repeat; background-position: center;}
.logo{ width: 410px; height: 70px; margin-top: 40px; display: inline-block;  background-image: url(../images/logo.png); }
.logo > img{width: 100%; height: 100%;}
.top_bg{position: absolute; top: 0; left: 0; right: 0}
.home_top .a{position: absolute; z-index: 10000; left: 0; right: 0; margin:0 auto}

.nav{ float: right; overflow: hidden; margin-top: 55px; background-image: url(../images/nav_bg.jpg); border-radius: 4px; overflow:hidden;}
.nav>ul>li{ text-align: center; float: left;}
.nav>ul>li>a{color: #fff; display: inline-block; border-right: 1px #424c58 solid; width: 110px; height: 43px; line-height: 43px; font-size:16px;}
/*.nav>ul>li>a:hover{color: #ffa404; background-image: url(../images/nav_bg_on.jpg); color: #fff;}*/
.nav>ul>li a.cur{background-image: url(../images/nav_bg_on.jpg);}
.nav>ul>li:hover ul{display: block;}

.nav>ul>li ul{position: absolute; background-color: rgba(0,0,0,0.7); display: none; width: 110px; z-index: 1000000; border-radius: 0px 0px 4px 4px;}
.nav>ul>li ul li{ text-align: center; }
.nav>ul>li ul li a{color: #fff; line-height: 35px; height: 35px; font-size: 16px;}
.nav>ul>li ul li a:hover{color: #fab626}

.banner{margin-bottom:0px;}

.title-icon{ width:7px; height: 13px; background-repeat: no-repeat; display: inline-block; background-image: url(../images/title-icon.png);margin-right: 5px; margin-bottom: -2px; }

.ad{margin-top:40px;}

/** 焦点图 **/
.jdt{ width:370px;margin-right:30px; }
.jdt img{ width: 370px; height: 200px}


/*段落章节*/
.row .a{overflow: hidden; margin-bottom:10px;}

.section{float: left;}
.section dt{text-align:left; font-size: 14px; color: #333; padding-top:10px; padding-bottom: 10px; margin-left: -1px; margin-right: -1px; margin-top: -1px;}
.section dt em{color: #f39f0f; font-weight: bold;}
.section dd{}

.home-news{ width: 460px; }
.home-news dt{margin-bottom: 10px;}
.home-news dd li{overflow: hidden; margin-bottom: 25px;}
.home-news dd li:last-child{margin-bottom: 0px;}
.home-news dd li .news-l{ width: 102px; height: 76px; display: block; float: left; padding-top:2px;}
.home-news dd li .news-l img{ width: 100%; height: 100% }
.home-news dd li .news-r{ width: 330px; float: left; margin-left:20px; }
.home-news dd li h5{ font-size:14px; font-weight: bold; margin-bottom:2px; display: block; width: 100%;  text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
.home-news dd li .date{ font-size:12px; color: #999; margin-bottom:5px; }
.home-news dd li .des{ font-size:13px; color: #666; height: 35px; overflow: hidden;}

.more{ padding:1px 10px; border-radius: 2px;background-image: url(../images/more.png); background-repeat: no-repeat; background-position: right;   color: #666; font-size: 12px; float: right; margin-right:5px; }
a.more:hover{color: #fab626;}

.vedio{ width: 295px; margin-left: 40px; }

/** 公司介绍 **/
.about{ width: 850px; margin-right: 50px; }
.about dd{ line-height: 25px; height: 256px; overflow: hidden; font-size:14px; color: #333}
.about-more{ padding-top: 20px;  }

/** 企业文化 **/
.qywh ul{border-bottom: 1px #eee solid; padding-top:10px; padding-bottom:10px;}
.qywh ul:last-child{border-bottom: 0px;}
.qywh ul li.bd{ font-size: 18px; padding-left: 40px; color: #333 }
.qywh ul li.hd{ font-size: 14px; color: #3794f2; margin-bottom: 5px; padding-left: 10px; }



/** 留言 **/
.talk{ width: 290px; }
.talk li{margin-bottom: 10px;}
.talk .input{ border:1px #e2e2e2 solid; width: 100%; height: 30px; line-height: 30px; text-indent: 10px; }
.talk .textarea{ border:1px #e2e2e2 solid; width: 99%; padding-top: 10px; text-indent: 8px; font-family: "微软雅黑"}
.talk .btn{margin:0; padding: 0; height:35px; line-height: 35px; text-align: center; font-style: 13px; background-color: #f4d3d3; color: #c62c2c; border:0px; width: 100%; cursor: pointer; border:1px #f4d3d3 solid;}
.talk .btn:hover{background-color: #f4ddd3}

/* 产品展示 */
.pro{ width: 850px; margin-right:50px; }
.pro dd ul{ overflow: hidden;}
.pro dd ul li{  float: left; margin-right:23px; position: relative;}
.pro dd ul li:last-child{margin-right: 0px;}
.pro dd ul li img{ width:182px; height:235px; overflow: hidden; border-radius: 4px;}
.pro dd ul li .text{ position: absolute; bottom: 0px; color: #fff; background-color: rgba(0,0,0,0.3); left: 0; right: 0; padding:5px 10px; height: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 4px 4px;}
.pro dd ul li .text a{color: #fff; font-size: 14px;}
.vedio dd{ height: 204px; text-align:center; }



.scrolltitle{height:24px;font-size:14px;width:742px;border-bottom:solid 1px #ddd; margin:20px auto 15px auto;}

a.aleft{display:block; height:38px;width:16px;overflow:hidden; background-image:url(../images/arr_left.png); position: absolute; z-index: 10000; top: 40%}
a.aright{display:block; height:38px;width:16px; overflow:hidden; background-image:url(../images/arr_right.png); position: absolute; right:0px; z-index: 10000; top: 40%}
a.aleft{float:left;}

.scrolllist{width:860px;height:235px;position: relative;}
.scrolllist .imglist_w{width:800px;height:235px;overflow:hidden;float:left;margin-left:30px;position:relative;/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li p{overflow:hidden;}

#s2{width:214px;}
#s2 .imglist_w{width:176px;}
#s2 .imglist_w ul{height:20000px;width:auto;position:absolute;left:0px;top:0px;}
#s2 .imglist_w li{float:none;}

/** footer */
.footer{text-align: center; font-size: 13px; overflow: hidden; padding-bottom: 25px; line-height: 25px; color: #666; background-color: #f6f6f6; padding-top: 30px;}
.footer-l{ width: 500px; float: left; overflow: hidden; }
.footer-l ul{ width: 150px; float: left; border-right: 1px #e2e2e2 solid; text-align: left;}
.footer-l ul li{ padding-left:40px;}
.footer-l ul li:first-child{font-size: 14px; font-weight: bold; color: #000;}
.footer-r{ width: 556px; float: right; position: relative; }
.footer-r p{text-align: right; padding-right:100px;}
.logo-gray{position: absolute; right: 10px; top:20px;}



/** list */
.newList .con ul li{overflow: hidden; padding-right:50px; margin-bottom: 25px; border-bottom: 1px #efefef solid; position: relative;}
.newList .con .newDate{ width: 80px; color: #fff; height: 115px; text-align: right; padding-right:20px; float: left;}
.newList .con .newDate p{margin:0; padding:0;}
.newList .con .newDate p.t1{ font-size: 40px; font-weight: bold; padding-top:6px; color: #000 }
.newList .con .newDate p.t2{color: #333}
.newList .con .newDate p.t3{color: #999; margin-top:5px;}
.newList .con .newdes{ width:730px; float: left; margin-left: 30px; padding-top:15px; padding-bottom: 15px }
.newList .con .newdes h2{ font-size: 16px; margin-bottom:8px; font-weight: bold;}
.newList .con .newdes h5{line-height: 23px; font-size: 13px; color: #666; font-weight: 100; height: 48px; overflow: hidden;}

.news-more{position: absolute; right: 0px; top: 30px; font-size:26px; color: #666}



#newShow{overflow: hidden;}
#newShow .new-tit{text-align: center; font-weight: 100; font-size: 30px;padding-top:20px;}
#newShow .new-date{font-size: 14px; color: #999; text-align: center; font-weight: 100; border-bottom: 1px #e4e4e4 solid; padding-bottom:30px; margin-bottom: 30px;}
#newShow .text{ line-height: 35px; padding-bottom: 50px; }


.pagination{text-align: center; font-size: 14px; padding-bottom: 40px;}
.pagination a, .pagination span{background-color: #f6f6f6; border:1px #fff solid; padding:5px 10px; margin-left: 2px; margin-right: 2px; display: inline-block; border-radius: 2px;}
.pagination a:hover{border:1px #75b1ff solid; color: #75b1ff}
.pagination span.current{background-color: #75b1ff; color: #fff;}



.product .a{overflow: hidden;}
.product .nRight .con{ padding-left: 0px; padding-right:0; }
.product .con ul{overflow: hidden;}
.product .con ul li{ float: left; width: 280px; height: 450px; background-color: #fff; text-align: center; margin-right: 26px; margin-left: 0px; margin-bottom:30px; }
.product .con ul li:hover{box-shadow: 0 0 12px #ccc}
.product .con ul li img{ width:100%; height:340px }
.product .text{text-align: center; padding-top: 10px; font-size: 16px; padding-left: 10px; font-weight: bold;}
.product .des{text-align: left; padding-top: 5px; font-size: 13px; padding-left: 10px; padding-bottom: 10px;}
.pro-more{ border:1px #e2e2e2 solid; padding:6px 30px; display: inline-block; margin: 0 auto; margin-top: 10px; font-size: 12px; color: #666}
.pro-more:hover{border:1px #ffa508 solid;}

.contact{overflow: hidden; padding-top: 50px;}
.contact .s{ width: 33%; height: 200px; border:1px #eee solid; float: left; text-align: center; padding-top:50px; color: #666 }
.contact .s .n{ font-size: 18px; padding-top:20px; padding-bottom:10px; color: #000; font-weight: bold; }


.form h1{ font-size: 20px; margin-bottom: 15px; padding-top: 50px; }
.form li{  float: left; width: 48.9%; margin-right: 20px; margin-bottom: 15px; }
.form li:nth-child(2){ margin-right: 0px; }

.new-tit{ display: block; text-align: center; padding-top:30px; padding-bottom:30px; }
.list-con .text{ line-height: 32px; }

.hj ul{overflow: hidden;}
.hj li{ width: 50%; float: left; margin-bottom: 20px; }
.hj p{text-align: center; font-size: 16px; }
.hj p.ffont{ width: 100%; clear:both; font-size: 22px; padding-top: 30px; padding-bottom: 50px; }



/** 焦点图 **/
.yx-rotaion{margin-right:auto;margin-bottom:0;margin-left:auto; height: 200px;}
/*.yx-rotaion img{height: 100%;}*/
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:13px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px; display: inline-block; width: 250px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:35%;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:0px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:0px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden}


/** 新闻页面 **/
.newList{ padding-top: 20px; }
.newList .a{overflow: hidden; margin-bottom: 20px;}
.nLeft{width:220px; background-color: #fff; float: left}
.nRight{width: 950px; margin-left:30px; background-color: #fff; float: left; overflow: hidden;}

.nLeft .tit{background-color: #0c6cb8; padding-right:20px; padding-top:20px; padding-bottom:20px; text-align: right;}
.nLeft .tit .arr{ width: 22px; height: 22px; display:block; float: right; background-image: url(../images/arr_tit.png); margin-right: 10px; margin-top: 15px; }
.nLeft .tit h1{font-size: 16px; font-weight: 100; color: #fff;}
.nLeft .tit h2{font-size: 25px; font-weight: 100; color: #7aa3cf;}
.nLeft .con{border: 1px #d6d6d6 solid;}
.nLeft .con a{display: block; position: relative; text-align: left; padding-left:70px; padding-top: 16px; padding-bottom:15px; border-bottom: 1px #f5f5f5 solid; color: #000; font-size: 14px;}
.nLeft .con a:hover{ color:#ff6600  }
.nLeft .con a.cur{color: #ff6600; font-weight: bold; background-color: #ef9304; color: #fff; margin-left: -1px;}
.nLeft .con a.cur .nav-icon{background-image: url(../images/ny-nav-icon-on.png);}
.nLeft .con a.cur .nav-icon-sj{background-image: url(../images/nav-icon-sj.png); width: 13px; height: 50px; position: absolute; right: -13px; top: 0;}

.nav-icon{display: inline-block; width: 14px; height: 14px; background-image: url(../images/ny-nav-icon.png); position: absolute; right: 10px; top:17px;}

.nRight .crumbs{overflow: hidden; border-bottom: 1px #e5e5e5 solid; padding-bottom:13px;}
.nRight .crumbs .map{float: right; font-size: 13px; color: #999; padding-right: 15px; background-image: url(../images/home.jpg); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px;}
.nRight .crumbs .pre{font-size: 25px; color: #999999; margin-top: -10px; font-weight: 100; background-image: url(../images/icon_line.jpg); background-repeat: no-repeat; background-position: 0 5px; padding-left: 20px;}
.nRight .con{padding:20px; font-size: 14px; color: #666}



.ny-banner{ height: 292px; background-repeat: no-repeat; background-position: center; }
.ny{ padding-bottom: 20px; }
.ny .logo{margin-top: 10px;}
.ny .nav{margin-top: 38px; background-image: url(../images/nav_bg.jpg);}
.ny .nav{background-image: none;}
.ny .nav>ul>li{ width: 110px; }
.ny .nav>ul>li>a{border-right: 0px; color: #333; font-size: 18px; height:25px; line-height:25px; width:auto; display: inline-block; }
.ny .nav>ul>li a.cur{background-image: none; color: #ea8f21; border-bottom: 1px #ea8f21 solid}
.ny .nav>ul>li ul{background-color: rgba(255,255,255,0.2); padding-top: 10px;}
.ny .nav>ul>li ul li a{color: #000}
.ny .nav>ul>li ul li a:hover{color: #ea8f21}



.lxwm{position: absolute; z-index: 1000; right: 10%; top: 25%; background-color: rgba(0,0,0,0.4); height: 250px; border-radius: 4px; padding: 20px;}
.lxwm h1{ font-size: 25px; margin-bottom: 15px; color: #fff; border-bottom: 1px #ccc solid; padding-bottom: 15px;}
.lxwm h1:before{content: '|'; padding-right: 10px; color: #c13642;}
.lxwm ul li{color: #fff; padding-top: 7px; padding-bottom: 7px; }

