*{ margin:0; padding:0;}
.width{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
body{ font-family:Arial;}
a{ text-decoration:none; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
.desc{ color:#666; font-size:15px; line-height:2em;}
.desc a{ color:#666;}
.desc a:hover{ text-decoration:underline; color:#ecc93b;}
.table{ width:100%; border-collapse:collapse;}
.table td{ border:1px solid #ddd !important;}
.justify{ text-align:justify; font-size:0;}
.justify:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}

.top{ height:90px; padding:15px 0; border-bottom:1px solid #ddd;}
.logo{ display:inline-block; vertical-align:middle;}
.tel{ display:inline-block; vertical-align:middle; font-size:24px; font-weight:bold; color:#db251c; line-height:26px; background:url(../img/phone.png) left center no-repeat; padding-left:55px;}
.code{ display:inline-block; vertical-align:middle;}
.code1{ float:right; font-size:14px; color:#999;}
.code1 img{ float:right;}
.code1 p{ float:right; width:55px; height:82px; padding-top:8px;}
.code1 p span{ position:absolute; margin-top:30px;}
.code2{ margin-right:20px;}

.nav_bg{ height:60px;}
.nav > li{ float:left; width:133px; height:60px; text-align:center; background:url(../img/nav_li.png) left center no-repeat;}
.nav > li:nth-child(1){ background:none;}
.nav > li:nth-child(1) > a{ background:url(../img/home1.png) 15px center no-repeat; padding-left:20px;}
.nav > li:nth-child(1):hover > a{ background-image:url(../img/home2.png);}
.nav > li:nth-child(1):hover > a::after{ width:96px; margin-left:-55px;}
.nav > li > a{ position:relative; display:block; line-height:60px; font-size:15px; color:#666; font-weight:bold; padding:0 5px;}
.nav > li:hover > a{ color:#ecc93b;}
.nav > li:hover ul{ display:block;}
.nav > li > a::after{ content:''; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#ecc93b; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.nav > li:hover > a::after{ width:70px; margin-left:-35px;}
.nav > li:nth-child(1).cur > a{ background-image:url(../img/home2.png);}
.cur > a{ color:#ecc93b !important;}
.cur > a::after{ width:70px !important; margin-left:-35px;}
.nav > li:nth-child(1).cur > a::after{ width:96px !important; margin-left:-55px;}
.nav ul{ display:none; position:absolute; z-index:999; background:#fff; padding:10px 0; border:1px solid #eee; border-top:none;}
.nav ul li{ margin-bottom:1px;}
.nav ul li a{ display:block; text-align:left; font-size:14px; line-height:40px; color:#666; padding:0 36px;}
.nav ul li:hover a{ background:#f6f6f6; color:#ecc93b;}
.cur1 a{ background:#f6f6f6; color:#ecc93b !important;}
.lang_en a{ color:#db251c !important;}
.lang_en:hover > a{ color:#ecc93b !important;}

.flexslider{position:relative; width:100%; height:500px; overflow:hidden;}
.slides{position:relative;z-index:1; width:100%; height:100%;}
.slides li{ width:100%; height:100%;}
.flex-control-nav{position:absolute;bottom:3%;z-index:5;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:7px;height:7px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:7px;height:7px;overflow:hidden;cursor:pointer; font-size:0; background:none; border:1px solid #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.flex-control-nav a:hover{ background:#eee;}
.flex-control-nav .flex-active{ background:#eee;}
.flex-direction-nav{position:absolute;z-index:3;width:100%; height:100%;top:0;}
.flex-direction-nav li a{display:block;width:15%; height:100%; overflow:hidden;cursor:pointer;position:absolute; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.flex-direction-nav li a.flex-prev{left:0;background:url(../img/prev.png) 40% 50% no-repeat; background-size:50px;}
.flex-direction-nav li a.flex-next{right:0;background:url(../img/next.png) 60% 50% no-repeat; background-size:50px;}
.flex-direction-nav li a:hover{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.flex-direction-nav li a.flex-prev:hover{ background-position:30% 50%;}
.flex-direction-nav li a.flex-next:hover{ background-position:70% 50%;}

.pro1_bg{ position:absolute; width:565px; height:140px; overflow:hidden; z-index:99; margin-top:-230px;}
.pro1_bg ul{ position:absolute; width:100000px; left:0;}
.pro1_bg li{ float:left;}
.pro1{ position:relative; display:block; width:180px; height:135px; margin-right:10px;}
.pro1::after{ content:''; position:absolute; z-index:-1; left:5px; top:5px; width:180px; height:135px; background:rgba(0,0,0,0.2); pointer-events:none;}
.pro1_pic{ width:100%; height:100%;}

.product{ padding:60px 0;}
.left{ float:left; width:230px; margin-top:80px;}
.right{ float:right; width:940px;}
.left_t{ position:absolute; width:230px; height:80px; line-height:80px; overflow:hidden; text-align:center; background:#65a1e7; color:rgba(255,255,255,0.1); font-size:36px; font-weight:bold; text-transform:uppercase; border-bottom:2px solid #fff;}
.left_t span{ position:absolute; left:0; top:0; width:100%; line-height:80px; color:#fff; font-size:28px;}
.left li{ border-bottom:1px solid #eee;}
.left a{ display:block; line-height:50px; background:url(../img/left_li1.png) 15px center no-repeat #dadada; padding-left:35px; color:#4c4948;}
.left li:hover a{ color:#fff; background-image:url(../img/left_li2.png); background-color:#65a1e7;}
.left .current a{ color:#fff; background-image:url(../img/left_li2.png); background-color:#65a1e7;}
.cur2 a{ color:#fff; background-image:url(../img/left_li2.png); background-color:#65a1e7;}

.pro2_bg{ width:960px;}
.pro2{ float:left; display:block; width:300px; color:#666; margin-right:20px; margin-bottom:25px;}
.pro2:hover{ color:#ecc93b;}
.pro2:hover .pro2_pic{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.pro2_picbg{ width:100%; height:225px; overflow:hidden;}
.pro2_pic{ width:100%; height:100%; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.pro2 p{ text-align:center; font-size:14px; padding-top:10px;}
.right .hide{ display:none;}
.product_more{ position:relative; display:block; width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; background:#fff; color:#666; border:1px solid #ddd; margin:0 auto;}
.product_more::after{ content:''; position:absolute; z-index:-1; left:0; top:50%; width:940px; height:1px; background:#ddd; margin-left:-420px;}
.product_more:hover{ background:#ecc93b; color:#fff;}

.honor .pro2_picbg{ width:298px; height:348px; border:1px solid #ddd;}

.about{ padding:45px 0; background:url(../img/about_bg.jpg) center no-repeat;}
.about_p{ float:left; width:770px;}
.about_pic{ float:right; position:relative; width:370px; height:260px; box-shadow:20px -20px 0 rgba(0,0,0,0.2); margin-top:40px; margin-right:20px;}
.about_t1{ font-size:42px; font-weight:bold; color:rgba(255,255,255,0.1); margin-left:30px;}
.about_t2{ position:relative; font-size:30px; font-weight:bold; color:#ecc93b; margin-top:-22px;}
.about_t2::after{ content:''; position:absolute; top:50%; width:50px; height:1px; background:#ecc93b; margin-top:2px; margin-left:8px;}
.about_t3{ font-size:18px; color:#fff; font-weight:bold; margin:20px 0 8px;}
.about_t4{ font-size:15px; color:#fff; line-height:30px;}
.about_t4 a{ color:#fff;}
.about_more{ line-height:30px; font-size:14px; color:#fff;}
.about_more:hover{ color:#ecc93b;}

.news{ padding:60px 0;}
.title{ position:relative; font-size:30px; font-weight:bold; color:#ecc93b; margin-bottom:30px;}
.title span{ font-size:24px; font-weight:normal; color:#ddd; padding-left:15px;}
.title a{ position:absolute; right:0; top:13px; font-size:14px; color:#666; font-weight:normal;}
.title a:hover{ color:#ecc93b;}
.news1_bg{ width:1220px; margin-bottom:-15px;}
.news1{ display:block; float:left; width:590px; background:#f8f8f8; color:#666; padding:10px 0; margin-right:20px; margin-bottom:15px;}
.news1:hover{ background:#f0f0f0;}
.news1:hover .news1_t{ color:#ecc93b;}
.news1_d{ float:left; width:110px; text-align:center; font-size:18px; margin-top:12px; border-right:1px solid #ddd;}
.news1_d span{ font-size:30px;}
.news1_p{ float:right; width:435px; margin-right:20px;}
.news1_t{ font-size:16px; color:#333; line-height:35px; height:35px; overflow:hidden; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.news1_c{ font-size:14px; line-height:24px;}

.partner{ padding-bottom:60px;}
.par1_bg{ position:relative; width:1200px; height:127px; overflow:hidden;}
.par1_bg ul{ position:absolute; width:100000px; left:0;}
.par1_bg li{ float:left; margin-right:24px;}
.par1{ width:180px; color:#666;}
.par1:hover{ color:#ecc93b;}
.par1:hover .par1_pic{ border-color:#ecc93b;}
.par1_pic{ width:178px; height:100px; border:1px solid #ddd; -moz-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.par1 p{ font-size:15px; text-align:center; padding-top:5px;}

.foot{ padding:40px 0; background:#363636; color:#fff;}
.foot a{ color:#fff;}
.foot a:hover{ text-decoration:underline;}
.f1{ display:inline-block; vertical-align:middle; font-size:14px; line-height:24px;}
.f1 img{ margin-bottom:10px;}
.f2{ display:inline-block; vertical-align:middle; text-align:center; width:450px; border-left:1px solid #474747; border-right:1px solid #474747;}
.f21{ display:inline-block; vertical-align:top; font-size:14px; line-height:24px; margin:0 30px;}
.f3{ display:inline-block; vertical-align:middle; width:255px; font-size:14px; line-height:24px;}
.f3 a{ margin-right:15px;}

.ban{ height:300px; line-height:300px; text-align:center;}
.ban p{ display:inline-block; vertical-align:middle; line-height:40px; font-size:36px; font-weight:bold; color:#ecc93b; text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; text-transform:uppercase;}
.ban p span{ font-size:20px; color:#fff; text-shadow:none; text-shadow:1px 1px 0 rgba(0,0,0,0.2), -1px -1px 0 rgba(0,0,0,0.2), 1px -1px 0 rgba(0,0,0,0.2), -1px 1px 0 rgba(0,0,0,0.2); text-transform:none;}
.content{ padding:60px 0;}

.about_desc{ border-top:1px solid #ddd; padding-top:25px;}

.page{ margin-top:20px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:14px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#ecc93b;}
.page-num-current{ color:#ecc93b !important;}

.pro_right{ float:right; position:relative; width:480px; min-height:384px;}
.pro_t{ font-size:16px; font-weight:bold; background:#ecc93b; color:#fff; padding:10px 15px;}
.pro_t2{ font-size:15px; padding:0 15px; color:#666; line-height:2em; margin:30px 0;}
.pro_t2 a{ color:#666;}
.pro_t2 a:hover{ color:#ecc93b;}
.pro_t3{ font-size:15px; padding:0 15px; color:#666; line-height:26px;}
.pro_t3 span{ color:#db251c; font-size:18px;}
.pro_more{ display:block; width:130px; height:30px; line-height:30px; text-align:center; border:1px solid #ecc93b; background:#ecc93b; color:#fff; font-size:15px; margin-left:15px; margin-top:15px;}
.pro_more:hover{ background:none; color:#ecc93b;}
.pro_next{ position:absolute; right:0; bottom:0; line-height:30px; font-size:14px; color:#ecc93b;}
.pro_t1{ font-size:16px; font-weight:bold; color:#ecc93b; border-bottom:1px solid #ddd; padding-bottom:8px; margin-top:40px; margin-bottom:20px;}

.news2{ padding-bottom:15px; border-bottom:1px dashed #ddd; margin-bottom:15px;}
.news2_pic{ float:left; width:210px; height:140px;}
.news2_p{ float:right; width:705px;}
.news2_t{ font-size:16px; padding:10px 0 15px;}
.news2_t a{ color:#ecc93b;}
.news2_c{ font-size:14px; color:#666; line-height:24px;}
.news2_d{ font-size:14px; color:#999; margin-top:15px;}

.news_t1{ text-align:center; font-size:18px; color:#ecc93b; border-top:1px solid #ddd; padding:30px 0 15px;}
.news_t2{ text-align:center; font-size:14px; color:#999; margin-bottom:20px;}

.down{ border-bottom:1px dashed #ddd; padding:15px 0;}
.down:hover .down_t a{ color:#ecc93b;}
.down_t{ float:left; font-size:15px; padding-left:20px; background:url(../img/left_li1.png) left center no-repeat; line-height:26px;}
.down_t a{ color:#666;}
.down_t a:hover{ color:#ecc93b;}
.down_b{ float:right; display:block; width:80px; height:24px; line-height:24px; text-align:center; font-size:14px; background:#ecc93b; border:1px solid #ecc93b; color:#fff;}
.down_b:hover{ background:none; color:#ecc93b;}

.message{ font-size:14px; color:#666; line-height:42px; margin-top:20px;}
.message td{ padding-bottom:10px;}
.message img{ position:absolute; height:42px;}
.in1{ height:24px; line-height:24px; border:1px solid #ddd; outline:none; padding:8px 10px; font-size:14px; color:#666; width:350px;}
.in2{ height:144px; line-height:24px; border:1px solid #ddd; outline:none; padding:8px 10px; font-size:14px; color:#666; resize:none; font-family:Arial; width:680px; margin-bottom:-16px;}
.in3{ float:left; display:block; width:110px; height:40px; line-height:40px; text-align:center; border:1px solid #ecc93b; font-size:14px; background:#ecc93b; color:#fff; outline:none; cursor:pointer; -moz-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.in4{ background:#666; border-color:#666; margin-left:10px;}
.in3:hover{ background:none; color:#ecc93b;}
.in4:hover{ color:#666;}




/* green #81d8cf */
/* yellow #ecc93b */