/*
 1.全式
*/
*{margin:0;padding:0;border:0;}
body{ font-size:12px; font-family:"微软雅黑",Helvetica,Tahoma !important;color:#333;text-align:center; /*overflow-x:hidden;*/ min-width:1200px; background-color:#fff;}
a{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#964c01;}
image{ vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
var{font-style:normal;}
input,select,img{vertical-align:middle;}
.wrap{clear:both;width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both;width:1366px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap3{clear:both;width:1474px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrapper{ width:100%; text-align:center; background:url(../images/bg.jpg) center top #fff no-repeat; padding-top:11px;}
.clear{clear:both; zoom:1;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}

/*
 1.头部
*/
.b_center{ margin:0 auto; text-align:center;}
.top_bg{ height:94px; width:100%; background-color:#f08519; position:fixed; z-index:99999;}
.menu {width:1200px; height:94px; margin:0 auto;}
.menu  .logo_l{ width:356px; height:94px;  float:left; display:inline;}
.menu  .logo_l img{width:356px; height:94px;}
.menu  .logo_l img:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.menu  .logo_r{ float:right;display:inline; width:730px;}

.nav{ width:730px; margin-top:28px;}
.nav li{ float:left; text-align:center; position:relative;font-family:"微软雅黑"; margin-left:52px;  letter-spacing:1px;}
.nav a{ height:64px; line-height:64px;  display:block; font-size:18px; font-weight:300; color:#fff; text-decoration:none;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -2px;height: 2px;opacity: 0;background-color: #964c01;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav a:hover{color:#964c01;}
.nav li .on{color:#964c01;}
.nav li .on:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}


/*首頁*/
/*banner*/
.main_image {width:100%; height:656px; overflow:hidden; margin:0 auto; position:relative; }
.main_image ul {width:9999px; height:656px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:656px;}
.main_image li span {display:block; width:100%; height:656px;}
.main_image li a {display:block; width:100%; height:656px;}
/*div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner{position:absolute; top:630px; left:50%; margin-left:-51px; z-index:190; height:24px} 
*/

div.flicking_con {width:100%; margin:0 auto; position: absolute; bottom:10px; z-index:999; height:30px;   text-align:center;}
div.flicking_con .flicking_inner{    z-index:190; height:4px; overflow:hidden; margin:0px auto;  min-width:30px;} 


div.flicking_con a { width:50px; display:inline-block;   height:17px; margin:0; padding:0; overflow:hidden;  background:url(../images/dian.png) no-repeat;  /*border-radius:50%; */margin-left:8px; margin-right:8px;}
div.flicking_con a.on {background:url(../images/dian2.png) no-repeat;}
#btn_prev,#btn_next{z-index:180;position:absolute;display:block;width:50px!important;height:100px!important;top:40%;/*display:none;*/}
#btn_prev{left:10%; background:url(../images/arrow_left.png) no-repeat left center; width:50px; height:100px;}
#btn_prev:hover{transition:all 0.3s;background:url(../images/arrow_left2.png) no-repeat left center;}
#btn_next{right:10%; background:url(../images/arrow_right.png) no-repeat left center; width:50px; height:100px;}
#btn_next:hover{transition:all 0.3s;background:url(../images/arrow_right2.png) no-repeat left center;}

.main_image2 { height:630px;}
.main_image2 ul {height:630px;}
.main_image2 li {height:630px;}
.main_image2 li span { height:630px;}
.main_image2 li a {height:630px;}
div.flicking_con .flicking_inner2{top:604px;}

.i_news_t{background:url(../images/line.png) left center no-repeat; line-height:50px;height:50px;margin-top:36px;  font-size:24px; color:#f08519; overflow:hidden; margin-bottom:38px; border-bottom:1px solid #e7e7e7; padding-left:8px;}
.i_news_t label{ font-size:18px; color:#929292; font-family:Arial;}
.i_news_t .news_more{ float:right; line-height:19px; margin-top:18px;}

.i_news ul{ width:1280px; overflow:hidden;}
.i_news ul li{float:left;margin-right:79px; width:347px;height:316px;overflow:hidden; margin-bottom:54px;}
.i_news ul li a{ text-decoration:none;}
.i_news ul li img{width:347px;height:202px;}
.i_news ul li .div{ height:114px; background-color:#e7e7e7; overflow:hidden;color:#242836; padding-left:10px; padding-right:10px;}
.i_news ul li h2{ height:36px; line-height:36px; font-size:18px; color:#242836; overflow:hidden; font-weight:normal; margin-top:15px;}
.i_news ul li p{font-size:12px;  line-height:22px; height:44px; overflow:hidden; margin-top:6px;}
.i_news ul li p label{ color:#f08519; text-decoration:underline;}
.i_news ul li:hover h2{ color:#ffffff;}
.i_news ul li:hover img{filter:alpha(opacity=80);opacity:0.8;}
.i_news ul li:hover .div{ background-color:#f08519;color:#ffffff;transition:all 0.3s;}
.i_news ul li:hover  p label{ color:#fdd5ae;}



/*尾部*/
.foot_div{ height:159px; background-color:#282828; overflow:hidden; color:#8f8e8e; width:100%;}
.foot_div .foot_con{ float:left; margin-left:175px; width:818px; text-align:center; line-height:22px; margin-top:46px; font-size:14px;}
.foot_div .foot_con a{ color:#8f8e8e;}
.foot_div p{ float:right; margin-left:12px; width:91px; overflow:hidden; margin-top:25px; text-align:center;}
.foot_div p img{ width:91px; height:91px; margin-bottom:10px;}
.foot_div p img:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.f_top{ width:38px; height:38px; background:url(../images/top.png) no-repeat; cursor:pointer; position:absolute; margin-left:1216px; margin-top:-60px;}
.f_top:hover{filter:alpha(opacity=80);opacity:0.8;}
.f_bg{ height:35px;  width:100%;font-size:12px; letter-spacing:1px; line-height:42px; background-color:#000000;}
.f_bg .l{color:#757474; display:block; width:850px; margin-left:175px; text-align:center;}
.f_bg .l a{ color:#757474;}
.f_bg a:hover{ color:#fff; text-decoration:none;}


/* side */
.side{position:fixed;width:54px;right:0;top:250px;z-index:150;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#7b7b7f;opacity:0.7;filter:Alpha(opacity=70);color:#fff;font:20px/54px "微软雅黑";overflow:hidden; text-align:left;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#7b7b7f;opacity:0.7;filter:Alpha(opacity=70);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#f08519;opacity:0.7;filter:Alpha(opacity=70);}
.side ul li img{ float:left; }
.side ul li .sidebox2{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#7b7b7f;opacity:0.7;filter:Alpha(opacity=70);color:#fff;font:20px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox2:hover{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#f08519;opacity:0.7;filter:Alpha(opacity=70);color:#fff;font:20px/54px "微软雅黑";overflow:hidden;}

#bb1{ width:181px; height:168px; margin-left:-176px; background:url(../images/ico_code_bg.png) no-repeat; }
#bb1 img{ width:150px; height:150px; margin-left:9px; margin-top:9px;}



/*二級頁面*/
.position{ height:66px; line-height:66px;font-size:14px; color:#666666;}
.position a{ color:#666666;}
.position a:hover{}
.position label{ color:#666666;font-size:12px;}
.o_big{overflow:hidden; padding-top:94px;height:630Px;}
.o_big img{ width:100%;}

.about_t{ margin-top:52px; margin-bottom:42px; height:45px; font-size:18px; color:#fff;}
.about_t a{ display:inline-block; margin-right:18px; color:#fff; height:45px; line-height:45px;border-radius:20px; width:146px; text-align:center; letter-spacing:1px;background-color:#5e5e5e;}
.about_t a:hover{ text-decoration:none; color:#fff; background-color:#f08519;}
.about_t a.about_sel{  color:#fff; background-color:#f08519;}
.about_l{ float:left; overflow:hidden; font-size:16px; line-height:29px; text-align:left; color:#5e5e5e; letter-spacing:1px;}
.about_l .about_t3{ height:30px; margin-bottom:30px; font-size:18px; }
.about_l .about_t3 b{ font-size:20px;}
.about_l .about_txt{ padding-bottom:40px; width:1200px;}  
.about_l .about_span{ font-size:14px;}
.about_con .img{ width:512px; height:379px; float:right; margin-left:30px; margin-bottom:50px;}

.about_l .about_txt .ul_img{ width:1280px; margin-top:45px; overflow:hidden;}
.about_l .about_txt .ul_img img{ width:348px; height:225px; margin-right:72px;}
.about_l .about_txt .ul_img img:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.about_l .about_txt .ul_img2{ width:1301px; padding-bottom:30px; overflow:hidden;}
.about_l .about_txt .ul_img2 li{ float:left; width:224px; overflow:hidden; font-size:18px; color:#3a3939; line-height:30px; margin-right:101px;}
.about_l .about_txt .ul_img2 li img{ width:224px; height:312px; display:block; margin-bottom:16px;}
.about_l .about_txt .ul_img2 li p{ padding-left:50px;}
.about_l .about_txt .ul_img2 li label{ color:#f08519;}
.about_l .about_txt .ul_img2 li:hover img{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.about_l .about_txt .tuandui_txt{font-size:14px; text-align:center; color:#5e5e5e;}

.support_con{ margin-bottom:35px; overflow:hidden; display:none;}
.support_con.guwenshow{ display:block;}
.support_con .imgs{ width:703px; height:408px; overflow:hidden;position:relative; }
.support_con .imgs img{width:703px; height:408px; display:block;}
.support_con .imgs:hover{transition:all 0.3s;filter:alpha(opacity=80);opacity:0.8;}
.support_con .imgs .dian{top:181px; right:-1px; position:absolute; width:26px; height:54px; background:url(../images/dian3.png) no-repeat;}
.support_con .support_txt{ /* text-align:right; */ width:470px; padding-top:100px; height:218px; /* overflow:hidden; */ line-height:30px; font-size:16px; color:#464646;  /* background:url(../images/logo2.png) right 83px no-repeat; */}
.support_con .support_txt.l{ text-align:left;/* background:url(../images/logo2.png) left 83px no-repeat; */}
.support_con .imgs.r .dian{left:-1px; background:url(../images/dian4.png) no-repeat;}

/*.support_con .imgs.r .dian{left:-1px;}*/
.support_more{ width:114px; display:block; height:33px; line-height:34px; border:1px solid #f08519; color:#f08519; text-indent:18px; margin:0 auto; margin-bottom:52px; margin-top:8px;border-radius:20px; font-size:16px;/*background:url(../images/dian5.png)  20px center no-repeat;*/ cursor:pointer; }
.support_more:hover{color:#fff; text-decoration:none;transition:all 0.3s;filter:alpha(opacity=80);opacity:0.8; background-color:#f08519;}

.contact_con{ padding-bottom:45px; overflow:hidden;}
.contact_l{ float:left; width:340px; overflow:hidden; font-size:14px; text-align:left; color:#343434; /* margin-top:70px; */}
.contact_l .contact_t3{ height:30px; margin-bottom:30px; font-size:18px; }
.contact_l .contact_t3 b{ font-size:20px;}
.contact_l .contact_txt{ line-height:29px;}
.contact_l .contact_txt .contact_span{ color:#494949; line-height:24px;}
.contact_l .contact_txt .contact_span2{ color:#888888; font-size:12px; font-family:Arial; line-height:18px; margin-top:10px;}
.contact_con .conimg{ width:773px;float:right; margin-top:70px;}

.news_t{ margin-top:52px; margin-bottom:22px; height:45px; font-size:18px; color:#fff; text-align:center;}
.news_t a{ display:inline-block; margin-right:9px; margin-left:9px; color:#fff; height:45px; line-height:45px;border-radius:20px; width:146px; text-align:center; letter-spacing:1px;background-color:#5e5e5e;}
.news_t a:hover{ text-decoration:none; color:#fff; background-color:#f08519;}
.news_t a.news_sel{  color:#fff; background-color:#f08519;}

.news_bg{margin-bottom:30px;}
.news_bg.bgs{ background-color:#f4f4f4;}
.news_div4{ overflow:hidden; width:1200px; margin:0 auto; height:243px; overflow:hidden; color:#696969;}
.news_div4 .news_img{width:396px; height:243px; float:left; display:inline;}
.news_div4 .div{ width:705px;float:left; margin-left:23px; display:inline; overflow:hidden; text-align:left;}
.news_div4 .div h2{ height:36px; overflow:hidden; line-height:36px;font-size:18px;  color:#111111; margin-top:12px; font-weight:normal;}
.news_div4 .div em{ display:block; font-size:12px; color:#696969; font-family:"宋体"; line-height:30px;}
.news_div4 .div p{ line-height:24px; overflow:hidden; margin-top:10px; height:72px; font-size:12px; color:#696969; margin-bottom:26px;}
.news_div4 .div p label{ color:#f08519; cursor:pointer;}
.news_div4 .div .more{ color:#696969;line-height:34px; font-size:12px;}
.news_div4 .div .more span{ float:right; border:1px solid #111111; width:110px; height:32px; line-height:32px; overflow:hidden; text-align:center;}
.news_div4:hover .news_img{transition:all 0.3s;filter:alpha(opacity=80);opacity:0.8;}
.news_div4 .div p label:hover{ text-decoration:underline;}
.news_div4 .div .more span:hover{transition:all 0.3s;filter:alpha(opacity=80);opacity:0.8; background-color:#111111; color:#fff;}

.about_x{overflow:hidden; line-height:22px;font-size:14px;padding-top:30px; padding-bottom:80px; }
.about_img{ width:1230px;padding-top:130px;}
.about_img img{ float:left; display:inline; padding-right:12px; width:391px; height:248px; }
.about_img img:hover{transition:all 0.3s;filter:alpha(opacity=80);opacity:0.8;}
.about_x .show_t{height:38px; line-height:38px; font-size:24px; color:#964c01; text-align:center; font-weight:normal; letter-spacing:1px;}
.about_x img{display:block; margin-bottom:15px; max-width:100%;}
.about_x .con_id{ line-height:24px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:20px;font-size:13px; color:#333333;font-family:"宋体"; }
.about_x .con_id p{ padding-bottom:20px;}
.about_x .con_id img{display:block;margin:10px  auto 15px auto;max-width: 100%;}
.about_x .con_line{text-align:center; height:36px; line-height:36px; border-bottom:1px dashed #ccc;font-size:12px; color:#7f7f7f;}
.about_x table{border-collapse:collapse;border-spacing:0;}
.about_x table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}

.prenext{ font-size:14px;color:#808080; margin-left:10px; border-top:1px dashed #b3b3b3; padding-top:10px; padding-bottom:10px;}
.prenext a{ color:#808080;}
.prenext a:hover{ color:#e36905; text-decoration:none;}

.i_product{ width:1200px; margin:0 auto; overflow:hidden;}
.i_product ul{ width:1280px;}
.i_product ul li{ float:left; overflow:hidden; text-align:left; width:346px; height:312px; position:relative; margin-right:78px; margin-bottom:50px;}
.i_product ul li a{ text-decoration:none;}
.i_product ul li .case_img{height:237px; overflow:hidden;}
.i_product ul li .img{ width:346px; height:237px;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; overflow:hidden; overflow:hidden;}
.i_product ul li .img img{width:346px; height:237px;}
.i_product ul li .div{width:323px;height:237px; padding-left:13px; padding-right:10px;overflow:hidden; text-align:center; background:url(../images/bg.png) no-repeat; position:absolute; top:0;opacity:0;filter:Alpha(opacity=0);}
.i_product ul li .div h2{ height:45px; /*overflow:hidden; */line-height:25px; font-size:18px; color:#fff; margin-top:0px; font-weight:normal;}
.i_product ul li .div p{ font-size:12px; color:#fff; line-height:24px; height:48px; overflow:hidden;}
.i_product ul li .div p label{ color:#fdd5ae; text-decoration:underline;}
.i_product ul li .pro_more{width:346px; height:57px; padding-top:16px; border-bottom:2px solid #dfdfdf;overflow:hidden; background-color:#ffffff;font-size:12px; color:#c4c4c4; line-height:17px; }
.i_product ul li .pro_more p{color:#5e5e5e; font-size:18px; line-height:25px; height:25px; overflow:hidden;}

.i_product ul li:hover .div{transition:all 0.3s;opacity:1.0;filter:Alpha(opacity=100);}
.i_product ul li:hover .img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.i_product ul li:hover .pro_more{border-bottom:2px solid #ef861e;}
.i_product ul li:hover .div h2{transition:all 0.5s;margin-top:100px;}



/*分页*/
.yema{text-align:right; padding:15px 0 0; overflow:hidden; height:30px; margin-bottom:50px; margin-top:16px;}
.yema a{ padding:5px 12px; background-color:#e7e7e7; margin:0 1px; font-size:14px; color:#000000; font-family:"微软雅黑";}
.yema a:hover{ padding:5px 12px; background:#000000; margin:0 1px; font-size:14px; color:#fff; text-decoration:none;}

a.yema_on{color:#fff !important; background:#000000;}

.yema span.current{ padding:5px 12px; background:#000000; margin:0 1px; font-size:14px; color:#fff; text-decoration:none;}
a.yema_on:hover{color:#fff !important; border:#000000 1px solid !important; }
a.ok{color:#fff !important;  background:#000000;}
a.ok:hover{color:#fff !important; }



.main_visual{ position:relative; padding-top:94px;}