/* CSS Document */
*{ margin:0; padding:0; text-decoration:none; font-style:normal; list-style:none; font-family:"微软雅黑";}

.header{ width:100%; height:85px; background:rgba(51,46,46,0.9); position:absolute; left:0; top:0;z-index:3;overflow:hidden;}
.header .nav{ width:1100px; margin:0 auto;  background:#fff;}
.header .nav .img{ float:left; margin-top:15px;}
.header .nav ul{ float:left; margin-left:10px; }
.header .nav ul li{ float:left;}

.header .nav li a{ display:block; margin-top:0px; font-size:14px; text-align:center;}


.header .nav li b,.header .nav li i{ display:block; padding:0 20px; height:85px; line-height:85px; bor der-right:1px solid #3a3939;}
.nav li b{ color:#fff; background:#d84823; position:relative;}
.nav li b span{ width:14px; height:8px; background:url(../imges/xiangxia.png); display:block; position:absolute; left:50%; bottom:5px; margin-left:-7px;}
.nav li i{  font-style:normal; color:#FFF;}
.header .nav .sou{ float:right;}
.header .nav .sou form{ float:left;position:relative;  }
.header .nav .sou form .search{ background:rgba(51,46,46,0.9); border:1px solid #b1b1b1; margin-top:35px;width:113px; height:12px; padding-left:20px;}
.header .nav .sou form .btn{ width:10px; height:12px; background:url(../imges/sosuo.png); border:none; position:absolute; right:5px; top:50%; margin-top:12px;}

.header .nav .sou a{ float:left; line-height:85px; color:#b1b1b1; font-size:12px; margin-right:15px;}





.banner{ width:100%; height:500px; position:relative;z-index:2; overflow:hidden;}
.banner a{ position:absolute; top:0; left:50%; margin-left:-960px;}
.banner ul{ width:100%; text-align:center; position:absolute; bottom:20px; display:block; le ft:50%; }
.banner ul li{ width:43px; height:2px; background:#3c3634; margin-right:5px; display: inline-block; cursor:pointer;}
.banner ul li.active{background:#d54b27;}







.title { width:100%; float:left;}
.title h1{ display:inline-block; font-size:16px; font-weight:100;  padding:50px 0 20px 0; border-bottom:1px solid #333;}
.title span{ width:100%; height:1px; background:#e1e0e0; display:block; margin-top:-1px;}

.pro{ width:1100px; height:440px;  margin:0 auto;}
.pro_tu{ width:1100px; height:247px;  float:left; margin:50px auto;}
.pro_tu .you{ width:143px; height:247px; background:#eaeaea; float:left;margin-right:9px; text-align:center;}
.pro_tu .you h3{ font-size:12px; color:#a37e60; line-height:20px; margin-top:70px; font-weight:100;}
.pro_tu .you h4{ width:143px; height:25px; display:block; background:#dddddd; font-size:12px; font-weight:100; line-height:25px; color:#989696; margin-top:90px; cursor:pointer;}
.pro_tu .you h4:hover{ background:#000; color:#fff;}

.pro_tu li{ width:230px; height:247px; background:#333; float:left; margin-right:9px; text-align:center; position:relative;}
.pro_tu li a{ position:absolute;top:0; left:0; display:block; width:230px; height:247px; background:rgba(0,0,0,0.7); text-align:center;opacity:0; transition:0.3s;}
.pro_tu li:hover a{opacity:1;}
.pro_tu li h2{ font-size:14px; color:#fff; font-weight:100; display:block; width:230px; height:30px; line-height:30px; background:#d84823; margin-top:100px;  margin-left:-100px;opacity:0;}

.pro_tu li p{ font-size:12px; color:#fff; line-height:18px; margin-top:30px; margin-left:-100px;opacity:0;}
.pro_tu li .more{ display: inline-block; width:35px; height:12px; color:#fff; font-size:12px; border:1px solid #fff; line-height:12px; margin-top:15px;  margin-left:-100px;opacity:0;}

.pro_tu li:hover h2,.pro_tu li:hover p,.pro_tu li:hover .more{margin-left:0px;tansition:0.5s;opacity:1;}





.news{ width:100%; height:473px; background: url(../imges/news_bg.png); overflow:hidden;}
.news .cen{width:1100px; margin:0 auto;overflow:hidden;}
.news .news_title{ position:relative;overflow:hidden;}
.news_title h1{ display:inline-block; color:#fff; font-size:16px; font-weight:100;  padding:50px 0 20px 0; border-bottom:1px solid #fff;}
.news_title span{ width:100%; height:1px; background:#5c5a5a; display:block; margin-top:-1px;}
.news_title .btn{ display: inline-block; width:70px; height:25px; background:#2d2c2c; line-height:25px; color:#fff; font-size:12px; text-align:center; float:right;  position:absolute; bottom:10px; right:0; cursor:pointer; }
.news_title .dongtai{right:0px;}
.news_title .xinwen{right:80px; background:#2d2c2c;}
.news_title .btn.active{ background:#da4821;}
.news .cen .con{ width:100%; over flow:hidden; height:379px; bo rder:1px solid red; margin-bottom:45px;overfl ow:hidden;}
.news .cen .xin{ margin-top:45px;}
.news .cen .left{ width:422px;float:left;}
.news .cen .wenzi{}
.news .cen .wenzi h1{ color:#fff; font-size:16px; font-weight:100; line-height:2em; margin-top:25px;}
.news .cen .wenzi h1 a{ font-size:12px; float:right; color:#9d9d9d;}
.news .cen .wenzi p{ color:#b0afaf; font-size:12px;; line-height:16px; margin-top:5px;}

.news .cen .yincang{ width:100%; height:379px; margin-top:90px; overflow:hidden;}


.news .cen .right{ width:660px;float:right; }
.news .cen .right .wenzi{ padding:10px 15px; backg round:#f2f1f1; height:65px; margin-bottom:22px; cursor:pointer;}
.news .cen .right .wenzi:hover{background:#f2f1f1; }
.news .cen .right h1{ margin-top:0px;}
.news .cen .right .wenzi:hover h1{ color:#565454;}
.news .cen .right .wenzi:hover h1 a{ color:#565454;}

.news .cen .right .riqi{ float:left; font-size:66px; color:#fff; text-align:center; line-height:65px; padding-right:15px; position:relative;}
.news .cen .right .riqi b{ width:1px; height:76px; display:block; float:right;  background:#fff; position:absolute; right:0; top:50%; margin-top:-38px;}
.news .cen .right .wenzi:hover .riqi b{ background:#565454; }
.news .cen .right .wenzi:hover .riqi{color:#565454;}
.news .cen .right .wenzi_you{ float:left; padding-left:25px;}
.news .cen .wenzi:hover .wenzi_you p{color:#565454;}



.contact{ width:1100px; height:508px; margin:0 auto;}
.contact .title{ margin-bottom:15px;}
.contact .left{ float:left;}
.contact .left h1{ font-size:22px; color:#383735; font-weight:100;}
.contact .left h2{ font-size:14px; color: #333; font-weight:100; margin-top:10px;}
.contact .left p{ font-size:12px; color:#606060; margin-top:20px;margin-bottom:30px;}
.contact .left a{ font-size:12px; color:#606060; }


.contact .zhong{ float:left; margin-left:50px;}
.contact .zhong li{ margin-bottom:40px;}
.contact .zhong li h1{ font-size:22px;  color:#383735; font-weight:100;}
.contact .zhong li h2{ font-size:14px;  color:#333; font-weight:100; margin-top:35px;margin-bottom:15px;}
.contact .zhong li p{font-size:12px; color:#606060; }

.contact .zhong .dizhi{ margin-top:20px;}
.contact .zhong .dizhi li{ float:left; margin-right:30px;}
.contact .zhong .dizhi h3{ font-size:14px; color:#333; font-weight:100;}
.contact .zhong .dizhi p{ margin-top:15px;}
.contact .zhong .dizhi h4{ font-size:12px; color:#606060; font-weight:100; line-height:30px;}
.contact .zhong .dizhi b{ font-size:12px; color:#606060; font-weight:100; line-height:20px; margin-top:5px; display:inline-block;}
.contact .zhong .dizhi img{ margin-right:10px;  display:inline-block; margin-top:-5px;}


.contact .right{ float:right;}
.contact .right h1{font-size:22px;  color:#383735; font-weight:100;}
.contact .right li{ margin-top:15px;}
.contact .right li .search{ border:none; background:#f5f5f5; width:223px; height:22px;}
.contact .right li a{ font-size:14px;color:#333;margin-bottom:5px; display:inline-block}
.contact .right li b{ width:88px; height:30px; display:block; background:#df4521; line-height:30px; text-align:center; color:#fff; font-weight:100; font-size:12px; cursor:pointer; margin-top:15px;}



.foot{ width:100%; height:70px; background:#202020;}
.foot .xia{ width:1100px; height:70px; margin:0 auto;  line-height:70px; font-size:12px}
.foot .xia a{ float:left;color:#fff; display:inline-block; padding:0 10px;}
.foot .xia b{ color:#fff; margin-left:30px; font-weight:100;}

.huidao{ width:40px;background:rgba(0,0,0,0.8);text-align:center; position:fixed; right:20px; bottom:50px;z-index:7; display:none;}
.huidao li{ width:40px; height:40px;}
.huidao li img{ margin-top:10px;}
.huidao li:hover{ background:#df4521;}


/*news代码*/
.new_news{ width:100%;}
.title2{ text-align:center; line-height:2em; margin-top:40px;}
.title2 h2{ font-size:30px; font-weight:100; color:#585757;}
.title2 p{ color:#aaa9a9; font-size:12px;}
.title2 span{ width:100%; height:1px; display:block; background:#e6e5e5; margin-top:10px;}
.title2 b{ width:100px; height:1px; display:inline-block; background:#979696;}

.new_news .new_con{ width:100%; background:#f5f5f5; }
.new_news .new_con ul{ width:1100px; margin:0 auto;height:570px;text-align:center;}
.new_news .new_con ul li{ height:160px;transition:0.5s; text-align:left;}

.new_news .new_con ul li:hover{background:#363535; color:#fff;}
.new_news .new_con ul li .left{ text-align:right; float:left;}
.new_news .new_con ul li .left h3{ font-size:52px; font-weight:100; color:#acabab; font-family: "微软雅黑"; line-height:160PX;}
.new_news .new_con ul li .left p{ font-size:16px; margin-top:-55PX; color:#acabab;}

.new_news .new_con ul .right{ padding-left:30px; float:left;margin-top:-15px;}
.new_news .new_con ul li:hover .right h4{ color:#fff;}
.new_news .new_con ul .right h4{ font-size:14px; color:#3f3838; font-weight:100; margin-top:32px;}
.new_news .new_con ul .right p{ font-size:12px; color:#797770;}
.new_news .new_con ul .right dl{ font-size:12px; color:#797770;}
.new_news .new_con ul .right dl dt{ display:inline-block; margin-right:35px; margin-top:5px; margin-bottom:12px;}
.new_news .new_con ul .right dl dt img{ margin-right:8px;}
.new_news .new_con ul .right b{ font-size:12px;color:#797770; font-weight:100; margin-top:5px; display:inline-block;}
.new_news .new_con ul li:hover .right b{ color:#fff;}

.new_news .new_con ul li span{ width:1100px; height:1px; background:#e3e1e1; display:block; float:left; margin-top:32px;}

.new_news .new_con .more{ width:135px; height:28px; border-radius:20px; border:1px solid #ebeaea; color:#333; font-size:12px;line-height:28px; display:inline-block; margin:30px 0; cursor:pointer;transition:0.3s;}
.new_news .new_con .more:hover{ color:#e01c02; background:#363535; border:none;}


.news_redian{ width:100%;}
.news_xinwen{ width:1100PX; margin:0 auto;}
.news_xinwen ul{ margin:45px 0; height:250px;}
.news_xinwen li{ width:252px; height:246px; float:left; border-top:1px solid #e1e0e0; margin-right:30px; position:relative;}
.news_xinwen li h4{ font-size:12px; color:#4d4c4c; line-height:63px; font-weight:100; }
.news_xinwen li .zhe{ width:252px; height:183px; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; opacity:0;tansition:0.3s;}

.news_xinwen li:hover .zhe{ opacity:1;}
.news_xinwen li:hover h4{ color:#d7452e;}
.news_xinwen li:hover{ border-top:1px solid #d7452e;}


/*about代码*/

.about_us{ width:100%; height:350px; }
.about_us .wenzi{ text-align:center; line-height:2em; font-size:14px; color:#6f6e6e; margin-top:160px;opacity:0;tansition:1s;}
.about_us .wenzi.active{ margin-top:60px;opacity:1;}

.about_us .wenzi h5{ color:#3b3a3a; margin-bottom:25px; font-weight:100; font-size:14px;}

.about_gongchang{ width:100%;height:565px;background:#332e2e; padding-top:35px;}
.gc_title h2{ color:#fff;}
.gc_title b{ background:#d6d5d5}
.gc_title span{ background:#606060;}

.about_con{ width:1240px; height:380px; margin:0 auto; position:relative;}
.about_center{ width:1100px; margin:0 auto; overflow:hidden;}
.about_con .tu{ width:5500px; background:#fff; margin-top:50px;}
.about_con .tu li{ width:257px; height:380px;float:left; margin-right:24px; text-align:center; border-bottom:1px solid #fff; position:relative;}
.about_con .tu li:hover{ border-bottom:1px solid #d7452e;}
.about_con .tu li h6{ font-size:14px; color:#bcb9b9; font-weight:100; line-height:57px;}
.about_con .tu li:hover h6{ color:#d7452e;}
.about_con .tu li .bg{ width:257px; height:323px; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;opacity:0;transition:0.3s;}
.about_con .tu li:hover .bg{ opacity:1;}
.about_con .tu li .bg span{ display:inline-block; width:52px; height:1px; background:#fff; margin-top:155px; margin-bottom:15px;}
.about_con .tu li .bg p{ font-size:12px; color:#fff;}
.about_con .tu li:hover p{opacity:1;transition:0.5s;}

.about_con .btn{ width:70px; height:83px; background:#fff; background:url(../imges/jiantou.png) top no-repeat; position:absolute; top:50%; margin-top:-43px;}
.about_con .left{ left:0;}
.about_con .right{right:0; background-position:0 -83px;background:url(../imges/jiantou.png) bottom no-repeat;}



/*pro代码*/
.pro_cp_nav{ width:1100px; height:150px; margin:0 auto; text-align:center;}
.pro_cp_nav .bq{ font-size:0;}
.pro_cp_nav li{ width:140px; height:50px; display:inline-block; border:1px solid #363535; margin-top:50px; font-size:18px; margin-right:25px; line-height:50px; cursor:pointer;}
.pro_cp_nav li.active{ background:#000; border:1px solid #000; transition:0.3s;opacity:1;color:#fff;}
.pro_cp_nav li a{ color:#363535;}



.pro_cp_nr{ width:1314px; height:980px; margin:0 auto; position:relative;}
.pro_cp_nr .tu{ position:absolute; top:0; left:0; width:1314px; height:980px;}
.pro_cp_nr li{ width:1314px; height:182px; display:block; margin-bottom:5px; position:relative; cursor:pointer;}
.pro_cp_nr li .bg{ width:1314px; height:182px; background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; text-align:center; }
.pro_cp_nr li .bg h1{ font-size:24px; color:#656363; line-height:2em; font-weight:100; text-transform:uppercase; margin-top:50px;}
.pro_cp_nr li:hover .bg h1{ color:#fff;}
.pro_cp_nr li:hover .bg{ background:rgba(0,0,0,0.5);opacity:1;tansition:0.5s;}
.pro_cp_nr li .bg b{ width:30px; height:1px; background:#656363; display: inline-block; margin-top:-5px;}
.pro_cp_nr li:hover .bg b{ background:#fff;}
.pro_cp_nr li:hover .bg p{ color:#fff;}
.pro_cp_nr li .bg p{ font-size:16px; line-height:2em; color:#656363; }














