*{ padding:0; margin:0; text-decoration:none; list-style:none; border:none; font-family:"微软雅黑","黑体","宋体";}

.title{ width:100px; text-align:center; margin:0 auto; margin-bottom:30px; transition:0.5s;}
.title h2{ font-weight:100; font-size:14px; color:#333; font-weight:100; margin-bottom:5px}
.title span{ height:1px; width:100px; background:#aaa; display:block; margin-bottom:2px;}
.title p{ margin-top:5px; color:#666;}

.hander{ height:100px;; width:100%; background:rgba(0,0,0,0.3); position:relative; z-index:1}
.hander_c{ width:1024px; margin:0 auto;}
.hander_c img{ margin-top:30px; float:left}
.hander_c .nav{ margin-top:42px; float:left; margin-left:330px;}
.hander_c .nav li{ float:left; position:relative; height:17px; overflow:hidden;}
.hander_c .nav li a{ display:block; color:#fff; font-size:16px;text-align:center; padding:0 20px; transition:0.2s; line-height:1}
.hander_c .nav li span{ position:absolute; color:#fff; top:0; right:0;}
.hander_c .nav li a b{ font-weight:100; display:block; width:70px; }
.hander_c .nav li a i{ font-style:normal; display:block;width:70px; }
.hander_c .nav li:hover a{ margin-top:-16px;}
.hander_c .nav li a.navon{ margin-top:-16px;}

.banner{ position:relative; width:100%; overflow:hidden; height:720px; top:-100px;}
.english{ position:absolute; top:50%; margin-top:-145px; z-index:1; left:50%; margin-left:-367px; transition:1s; opacity:0;}
.banner .tu .banneron .english{ margin-top:-45px; opacity:1;}
.x{ transition:1s; opacity:0; position:absolute; top:50%; margin-top:72px; z-index:1; left:50%; margin-left:-8px;}
.banner .tu .banneron .x{ opacity:1;}

.three{ transition:1s; opacity:0;position:absolute; top:50%; margin-top:218px; z-index:1; left:50%; margin-left:-205px;}
.banner .tu .banneron .three{ opacity:1; margin-top:118px;}
.banner .tu li{ position:absolute; top:0;left:50%; margin-left:-960px; opacity:0}
.banner .tu li.banneron{ opacity:1}
.banner ol{text-align:center; font-size:0;margin-top:650px; position:relative; z-index:1;}
.banner ol li{ border:1px solid #fff; display:inline-block; margin:0 10px; font-size:14px; color:#fff; text-align:center; line-height:22px; border-radius:50%; height:22px; width:22px; cursor:pointer; transition:0.3s;}
.banner ol li.on{ color:#c9a072;background:rgba(255,255,255,0.5);}
.banner_c .btn{ position:absolute; top:50%; height:60px; width:30px; font-size:60px; margin-top:-30px; color:#fff; cursor: pointer; transition:0.5s; font-family:"宋体"}
.banner_c .btn_l{ position:absolute; left:220px; opacity:0}
.banner_c .btn_r{ position:absolute; right:220px;opacity:0}
.banner:hover .btn_l{ position:absolute; left:200px;opacity:1}
.banner:hover .btn_r{ position:absolute; right:200px;opacity:1}

.about_title{ margin-top:300px; opacity:0;}
.about_title.about_titleon{ margin-top:0; opacity:1}
.about{ width:100%; overflow:hidden; margin-bottom:70px;}
.about_c{ width:1024px; margin:0 auto; position:relative;}
.ab_1{ position:relative;}
.ab1_l{ margin-left:-300px; opacity:0; transition:1.5s;}
.ab1_l.ab1_lon{ margin-left:0px; opacity:1;}

.ab1_r{ left:794px; opacity:0;}
.ab1_r.ab1_ron{ left:494px; opacity:1}
.ab_1 h3{ font-weight:100; position:absolute; top:64px;margin-bottom:12px; font-size:18px; color:#333;transition:0.5s}
.ab_xian{display:block;position:absolute; top:94px;transition:0.9s}
.ab_1 p{position:absolute;top:119px;font-size:13px; letter-spacing:2px; line-height:1.5em; transition:1.3s; width:530px; height:57px;}

.ab_bg1{ position:absolute; background: #f6f6f6; width:10000px; height:298px; top:0; z-index:-1;}
.ab1_more{ width:57px; height:21px; position:absolute; top:210px; background:#000; color:#fff; text-align:center; line-height:21px; font-size:12px; transition:1.7s;}
.ab1_more:hover{ background:#c9a072}
.ab_2{ position:relative;}

.ab_tu{ float:right; margin-top:300px; opacity:0; transition:1.5s;}
.ab_tu.ab_tuon{ margin-top:0px; opacity:1;}
.ab2_l{ margin-top:300px; opacity:0;}
.ab2_l.ab2_lon{ margin-top:0px; opacity:1;}

.ab_2 h3{ font-weight:100; position:absolute; top:64px; font-size:18px; color:#333;transition:0.5s;}
.ab_2 .ab_xian{ position:absolute; top:99px; left:0;transition:0.9s;}
.ab_2 p{ position:absolute; top:119px;  font-size:13px; letter-spacing:2px; line-height:1.5em;transition:1.3s}
.ab_bg2{ position:absolute; background: #f6f6f6; width:10000px; height:298px; left:-9000px; top:0; z-index:-1;}
.ab2_more{width:57px; height:21px; position:absolute; top:210px; left:0; background:#000; color:#fff; text-align:center; line-height:21px; font-size:12px;transition:1.7s;}
.ab2_more:hover{ background:#c9a072}






.pro{ width:100%;}
.pro_title{margin-top:300px; opacity:0;}
.pro_title.pro_titleon{margin-top:0; opacity:1;}

.pro_1{ transition:0.5s;margin-top:400px;opacity:0;}
.pro_1on{margin-top:0;opacity:1;}

.pro_2{ transition:1s;margin-top:400px;opacity:0;}
.pro_2on{margin-top:0;opacity:1;}

.pro_3{ transition:1.5s;margin-top:400px;opacity:0;}
.pro_3on{margin-top:0;opacity:1;}

.pro_4{ transition:2s;margin-top:400px;opacity:0;}
.pro_4on{margin-top:0;opacity:1;}

.display{ width:100%; font-size:0; overflow:hidden;}
.display li{ width:25%; display:block; float:left; height:100%; position:relative; overflow:hidden;}
.display li img{ width:100%;}
.display li i{ position:absolute; height:50%; display:block; background:rgba(0,0,0,0.3); width:100%; top:-50%; left:0;transition:0.4s;}
.display li b{position:absolute; height:50%; display:block; background:rgba(0,0,0,0.3); width:100%; bottom:-50%; left:0; transition:0.4s;}
.display li:hover i{top:0;}
.display li:hover b{ bottom:0;}
.display li .zi{ font-size:20px; color:#fff; display:block; position:absolute;top:50%; left:50%; margin-top:-13px; margin-left:-17px;opacity:0; transition:0.5s 0.3s}
.display li .shang{ width:100px; height:1px; background:#fff; position:absolute; top:50%; left:50%; margin-left:70px; opacity:0; margin-top:-15px; transition:0.5s 0.3s;}
.display li .xia{ width:100px; height:1px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-70px; opacity:0; margin-top:15px;transition:0.5s 0.3s;}
.display li:hover .zi{ opacity:1}
.display li:hover .shang{margin-left:-50px; opacity:1;}
.display li:hover .xia{margin-left:-50px; opacity:1;}


.tuijian{ width:100%;background: url(file:../images/tuijian_bg.jpg); height:780px; overflow:hidden;}
.tj_title{ margin-top:370px; opacity:0}
.tj_title.tj_titleon{ margin-top:70px; opacity:1}
.cp{ width:1920px; position:relative; left:50%; margin-left:-960px; height:100%;}
.cp .center{ position:absolute; left:50%; margin-left:-425px;}


.bian_l{ position:absolute; left:-472px;}
.bian_r{position:absolute; right:-472px;}
.cp a{ display:block; position:relative;}
.cp a span{ position:absolute; bottom:20px; left:50%; margin-left:-80px; font-size:18px; color:#333;}
.cp a small{position:absolute; bottom:48px; left:50%; margin-left:-55px; text-decoration:underline; font-size:14px; color:#ce831b;}

.tuijian .btn{font-size:100px; color:#333; width:32px; margin-top:240px; cursor:pointer; font-family:"宋体"}
.tuijian .btn_l{position:absolute;left:460px;}
.tuijian .btn_r{position:absolute; right:473px;}
.tuijian img{ border:1px solid #a1a1a1;}




.news{ width:1049px; margin:0 auto; height:420px; margin-bottom:70px;}
.news_title{ margin-top:370px; opacity:0}
.news_title.news_titleon{ margin-top:70px; opacity:1;}
.news .big{ height:155px; width:1024px; border:1px solid #eeeeee; position:relative; transition:0.5s; margin-bottom:25px; margin-top:300px; opacity:0; margin-left:25px;}
.news .big.bigon{ margin-top:0; opacity:1}
.news .day{ width:51px; height:39px; border:1px solid #deb93d; color:#333;text-align:center; font-size:18px; line-height:1; padding-top:12px; position:absolute; top:50%; margin-top:-25px;  transition:0.1s 0.5s;
}
.news .big .day{margin-left:-200px; opacity:0;}
.news .day.dayon{margin-left:-25px; opacity:1}

.news .day span{ font-size:14px;}
.news .big p{ height:51px; margin:-25px; position:absolute; top:50%; margin-left:45px; font-size:14px; color:#333; line-height:1.4em;}
.news .big time{ position:absolute; top:95px; margin-left:571px; font-size:12px; color:#999999;}
.news .big:hover{ background:#f9f9f9; border:1px solid #f9f9f9;}
.news .big:hover .day{ background:#deb93d;border:1px solid #deb93d; color:#fff;}


.news .small_max{ width:100%px; overflow:hidden;}
.news .small{ width:490px; height:155px;border:1px solid #eeeeee; position:relative; transition:0.4s;}
.news .small p{ height:51px; margin:-25px; position:absolute; top:50%; margin-left:45px; font-size:14px; color:#333; line-height:1.4em;}
.small_l{ margin-left:300px; opacity:0;}
.small_l.small_lon{ margin-left:25px; opacity:1}
.news .small time{ position:absolute; top:95px; margin-left:237px; font-size:12px; color:#999999;}
.news .small:hover{ background:#f9f9f9; border:1px solid #f9f9f9;}
.news .small:hover .day{ background:#deb93d;border:1px solid #deb93d; color:#fff;}
.small_r{ left:834px; top:-157px; opacity:0;}
.small_r.small_ron{ left:557px; opacity:1}
.news .small .day{ margin-left:-200px; opacity:0; transition:0.1s 0.5s}
.news .small .day.smalldayon{ margin-left:-25px; opacity:1;}


.footer{ background:url(../images/footer_bg.jpg) no-repeat; height:302px; width:100%; overflow:hidden; position:relative;}
.ft_title{ margin-bottom:20px; margin-top:50px; transition:0.3s;}
.footer .lianxi{ position:absolute; left:50%; margin-left:-260px;}
.footer .lianxi img{ margin-right:50px; transition:0.6s;}
.footer .center{position:relative; top:-4px;}

.footer .liuyan{ display:block; height:41px; width:186px; border:1px solid #000; font-size:16px; color:#333; text-align:center; line-height:41px; position:absolute; left:50%; margin-left:-93px; top:160px; transition:0.9s;}
.footer .liuyan:hover{ color:#eee; background:#222222;}
.footer .fenxiang{ position:absolute; top:225px; left:50%; margin-left:-86px;}
.footer .fenxiang img{  transition:1.2s}

.footer_d{ margin-top:300px; opacity:0;}
.footer_d.footer_don{ margin-top:0px; opacity:1;}
.ft_title.ft_titleon{ margin-top:20px; opacity:1}




.banquan{ height:100px; width:100%; background:#333; color:#dbdbdb; font-size:14px; line-height:100px; text-align:center;}














/*about部分*/
.ny_title{ margin-top:315px; opacity:0; transition:0.5s; width:100%; text-align:center;}
.ny_title.ny_titleon{ margin-top:15px; opacity:1}
.ab_con{ width:1024px; margin:0 auto; position:relative; overflow:hidden;}
.ny_banner{ position:relative; width:100%; height:720px; overflow:hidden; top:-100px;}


.ny_english{ position:absolute; opacity:0; top:200px; left:50%; margin-left:-426px; z-index:1; transition:1s}
.ny_english.ny_englishon{ top:267px; opacity:1;}
.ny_xia{ transition:1s; margin-top:167px; opacity:0;}
.ny_xia.ny_xiaon{  margin-top:100px; opacity:1;}
.ny_xiaozi{ position:absolute; left:50%; z-index:1; margin-left:-88px; top:320px; opacity:0.6;}
.ny_banner span{ height:2px; width:34px; background:#fff; display:block; position:absolute; top:348px; left:50%; margin-left:-17px; z-index:1; opacity:0.7;}
.ny_banner .p{ font-size:22px; color:#fff; z-index:1; top:358px; position:absolute; left:50%;letter-spacing:10px; margin-left:-96px;}
.p.n{ margin-left:-160px;}
.p.r{ margin-left:-128px;}
.p.c{ margin-left:-213px;}
.ny_q{ font-size:14px;color:#fff; position:absolute; z-index:1; top:415px; left:50%; font-style:normal; display:block; height:35px; width:153px; background:url(../images/company_12.png); text-align:center; line-height:35px; margin-left:-76px; cursor: pointer;}


.ny_jiantou{ position:absolute; z-index:1; top:500px; left:50%; margin-left:-6px; cursor: pointer;}
.ny_banner .ny_tu{ position:absolute; left:50%; margin-left:-960px;}

.ny_banner div{ width:100%; overflow:hidden;}
.ab_con .ab_con_left{ width:441px; height:526px; border:5px solid #c9a072; position:relative; float:left; margin-left:-300px; opacity:0; transition:0.5s;}
.ab_con .ab_con_left.ab_con_lefton{ margin-left:0; opacity:1;}
.ab_con .ab_con_left img{ margin-top:23px; position:absolute; left:40px;}

.ab_con_right{ position:absolute; right:0; margin-top:42px; right:-300px; opacity:0; transition:0.5s;}
.ab_con_right.ab_con_righton{ right:0px; opacity:1}
.ab_con_right .ab_con_title{ margin-bottom:40px;}

.ab_con_right p{ width:515px; font-size:12px; line-height:2em; color:#333; margin-bottom:20px;}
.ab_con_right .ab_con_xian{ margin-top:25px; height:1px; width:24px; display:block; background:#c9a072;}

.ab_bottom{ margin-top:637px; height:265px;}

.ab_bottom ul li{ width:83px; margin-right:225px; float:left;}
.ab_li1{ transition::0.4s; margin-top:200px; opacity:0}

.ab_li1on{ margin-top:0;opacity:1}

.ab_li2{ transition:0.8s; margin-top:200px;opacity:0}
.ab_li2on{ margin-top:0;opacity:1}

.ab_li3{ transition:1.2s; margin-top:200px;opacity:0}
.ab_li3on{ margin-top:0;opacity:1}

.ab_li4{ transition:1.6s; margin-top:200px;opacity:0}
.ab_li4on{ margin-top:0;opacity:1}

/*about结束*/






/*pro开始*/




.pro_con{ margin-top:335px; opacity:0; transition:0.5s;}
.pro_con.pro_conon{ margin-top:35px; opacity:1;}
.pro_con_c{ margin:0 auto; width:1024px; height:937px;}
.pro_con_c ul{ overflow:hidden;}
.pro_con_c ul li{ float:left;overflow:hidden; margin-right:8px; margin-top:20px; cursor:pointer; position:relative;}
.pro_con_c ul li img{ float:left; transition:0.5s;}
.pro_con_c ul li:hover h2,.pro_con_c ul li:hover em,.pro_con_c ul li:hover b,.pro_con_c ul li:hover strong{ color:#c9a072;}
.pro_con_c li div{ position:absolute; width:254px; height:254px; background:#000; opacity:0.5; left:-254px; transition:0.3s;}
.pro_con_c li small{ font-size:18px; color:#fff; width:50px; height:30px; text-align:center; line-height:30px; position:absolute; top:50%; z-index:1; left:254px; margin-left:-26px; opacity:0; transition:0.2s; margin-top:-13px;}
.pro_top{ width:50px; height:1px; background:#fff; position:absolute; margin-left:-57px; transition:0.5s 0.1s; opacity:0}
.pro_bottom{ width:50px; height:1px; background:#fff; position:absolute; margin-left:43px; transition:0.5s 0.1s; margin-top:30px;opacity:0}
.pro_left{width:1px; height:30px; background:#fff; position:absolute; margin-left:-7px; transition:0.5s 0.1s;opacity:0; margin-top:-50px;}
.pro_right{width:1px; height:30px; background:#fff; position:absolute; margin-left:43px; transition:0.5s 0.1s;opacity:0; margin-top:50px;}
.pro_con_c ul li:hover small{ left:25%; opacity:1}
.pro_con_c ul li:hover div{ left:0;}
.pro_con_c ul li:hover .pro_top{ margin-left:-7px; opacity:1}
.pro_con_c ul li:hover .pro_bottom{ margin-left:-7px; opacity:1}
.pro_con_c ul li:hover .pro_left{ margin-top:0; opacity:1}
.pro_con_c ul li:hover .pro_right{ margin-top:0; opacity:1}

.pro_con_c .pro_c div{ position:absolute; left:508px;}
.pro_con_c .pro_c small{ position:absolute; left:0;}
.pro_con_c .pro_c:hover small{ left:75%;}
.pro_con_c ul .pro_c:hover div{ left:254px;}
.pro_con_c ul li:hover span{ background:#eee;}
.pro_con_c ul li:hover i{border-right:15px solid #eee;}
.pro_con_c ul li i{ transition:0.5s; display:block; width:0; height:0; border:15px solid transparent; border-right:15px solid #d6d6d6;  position:absolute; top:50%; margin-top:-7px; margin-left:-30px; z-index:1;}
.pro_con_c ul .pro_c i{margin-left:254px; border-left:15px solid #d6d6d6;border-right:0;}
.pro_con_c ul .pro_c:hover i{border-left:15px solid #eee; border-right:0}
.pro_con_c ul li span{ width:254px; height:254px; background:#d6d6d6; display:block; float:left; position:relative; transition:0.5s;}
.pro_con_c ul li span h2{ transition:0.3s; font-size:26px; color:#333; margin-top:30px;margin-left:25px;}
.pro_con_c ul li span em{ transition:0.3s; display:block; font-style:normal; margin-top:8px; font-size:18px; color:#333; margin-left:25px;}
.pro_con_c ul li span a{ font-weight:100; margin-left:25px; font-size:12px; color:#333; margin-top:60px; display:block; height:32px;}
.pro_con_c ul li span a b{ transition:0.3s; font-weight:100; line-height:32px; height:32px; display:block; float:left}
.pro_con_c ul li span strong{ transition:0.3s; font-weight:100; font-family:"宋体" font-size:28px; padding-right:5px;line-height:32px; display:block; float:left}



/*pro结束*/

/*新闻开始*/

.news_con{ margin-top:55px;}
.news_con ul li{ height:200px; width:100%; transition:0.5s;}
.news_con ul li:nth-child(2n-1){ background:#f3f2f0;}
.news_con_c{ width:1024px; height:200px; margin:0 auto; display: block;}
.news_con_c div{ float:left; }
.news_con ul li span{ display:block; margin-top:80px; font-size:18px; color:#9a9a99; margin-bottom:10px;}
.news_con ul li i{ display:block; margin-top:20px; font-size:16px; color:#9a9a99; font-style:normal;}

.news_con ul li b{ display:block; font-weight:100; color:#444444; font-size:16px;}
.news_con ul li img{ float:right; margin-top:50px;}

.news_con1{ margin-top:300px; opacity:0;}
.news_con1.news_con1on{ margin-top:0px; opacity:1;}

.news_con2{ margin-top:300px; opacity:0;}
.news_con2.news_con2on{ margin-top:0px; opacity:1;}

.news_con3{ margin-top:300px; opacity:0;}
.news_con3.news_con3on{ margin-top:0px; opacity:1;}

.news_con4{ margin-top:300px; opacity:0;}
.news_con4.news_con4on{ margin-top:0px; opacity:1;}

.news_con5{ margin-top:300px; opacity:0;}
.news_con5.news_con5on{ margin-top:0px; opacity:1;}

.news_con6{ margin-top:300px; opacity:0;}
.news_con6.news_con6on{ margin-top:0px; opacity:1;}

.news_con7{ margin-top:300px; opacity:0;}
.news_con7.news_con7on{ margin-top:0px; opacity:1;}

.news_con8{ margin-top:300px; opacity:0;}
.news_con8.news_con8on{ margin-top:0px; opacity:1;}


.news_btn{ margin:0 auto; width:300px; margin-bottom:205px; margin-top:10px;}
.news_btn span{ display:block; width:22px; height:23px; border:1px solid #8b8b8b; float:left; text-align:center; line-height:23px; font-size:16px; color:#c9a072; cursor:pointer; margin-right:4px;}
.news_btn span.spanon{ color:#fff; background:#c9a072; border:1px solid #c9a072;}
.news_btn b{ font-weight:100; font-size:12px; color:#c9a072; width:48px; height:23px; line-height:23px; text-align:center; border:1px solid #8b8b8b; display:block; float:left; margin-right:4px;}
.news_btn i{ font-style:normal;font-size:12px; color:#c9a072; width:37px; height:23px; line-height:23px; text-align:center; border:1px solid #8b8b8b; display:block; float:left;}
/*新闻结束*/
.content_con{width:1024px; overflow:hidden; margin:0 auto; margin-bottom:100px;}
.content{ margin-top:25px;}
.content div{  width:539px}
.content input{color:#aaaaaa; height:35px; width:231px; border:1px solid #c9a072; padding:0 10px; margin-right:28px; margin-top:30px;}
.content input:nth-child(2n){ margin-right:0;}
.write{ padding:0 10;display:block; border:1px solid #c9a072; width:531px; height:263px; margin-top:30px; color:#aaa;}
.content_left{ float:left; margin-left:-300px; opacity:0; transition:0.5s;}

.content_left.content_lefton{  margin-left:0px; opacity:1;}
.content_right{ float:right; margin-top:55px; margin-right:-200px; opacity:0;transition:0.5s;}
.content_right.content_righton{ margin-right:100px; opacity:1;}