@charset "utf-8";


body{  position: relative;     min-width: 1240px; background:#ffff;}

.j_body{ position: relative;}

.main_box{ position:relative; margin:0 auto; width:1200px;}

.main_box_small{ position:relative; margin:0 auto; width:1115px;}

input{outline: none;}
.m{ position:relative; margin:0 auto; width:1200px;}


/*===============================================header================================================*/

#header{     }

#header .main_box{  position:relative;}

#header #top_bar{height:35px;  height:35px; background: #f2f2f2;line-height:35px;}

#header #top_bar .biaoyu{color:#504f50;font-size:12px;line-height:35px;}

#header .link_box{ position:absolute; top:0; right:0;}

#header .link_box a{padding:0 10px;background:url(../images/line_nav.jpg) right center no-repeat;color:#353536;font-size:12px;}

#header .link_box a:hover {color:#0071bb;}

#header .link_box a.last{ padding-right:0; background:none;}



 

/*=================导航=================*/



/*head*/

.logo{ width:300px; height:172px;  float:left; text-align:center; box-sizing:border-box; padding-top:20px; position:absolute; z-index:999;}

.logo img{ width:262px;}

.head{ width:100%; height:124px; z-index:999; background:#323339;}

.nav{ float:right; position:relative; text-align:right; height:124px; }

.nav ul{ display:inline-block;}

.nav ul li{ width:120px; float:left; text-align:center; height:63px; line-height:46px; position:relative;}

.nav ul li a{ font-size:16px; font-weight:600; color:#fff; height:63px; transition:all ease 200ms; display:block;}

.nav ul li a:hover{ color:#f5ca6b;}

.nav ul li.another a{color:#f5ca6b;}

.move-bg{position:absolute;left:0; bottom:0; width:120px; height:2px; background:url(../images/nav_h.png) center no-repeat; z-index:0; }



.top_tel {

    color: #e9e9e9;

    font-size: 12px;

    margin-top: 28px;

    background: url(../images/top_tel.png) left center no-repeat;

    padding-left: 18px; float:right;

    line-height: 30px;
	margin-right:24px;

}

.top_tel span{font-weight:100; font-size:20px; color:#f6cb6b; font-family:arial;}

/*导航固定样式*/

.nav_bg{ position:absolute; z-index:-1; background:#323339; height:124px; top:0; width:100%;}

.aui-header-nav.moveDown {

    top: 0;

    transition: all 0.45s linear;

}

.aui-header-nav { }

.aui-header-nav.solid .logo{ padding-top:3px;}

.aui-header-nav.solid .logo img{ width:139px; }

.aui-header-nav,.aui-header-nav .logo,.aui-header-nav .logo img{transition: all 0.45s linear;-moz-transition: all 0.45s linear; -ms-transition: all 0.45s linear; -o-transition: all 0.45s linear; -webkit-transition: all 0.45s linear;}

.aui-header-nav.solid {position: fixed;

    top: 0; z-index: 99999999;height:60px;

    transition: all 0.45s linear;

}

.aui-header-nav.solid .list{ top:60px !important;}

.aui-header-nav.solid .nav{ height:60px;}

.aui-header-nav.solid .move-bg{ bottom:0;}

.aui-header-nav.solid .top_tel{ margin-top:-58px; transition:all ease 500ms; -webkit-transition:all 0.45s linear;}

.aui-header-nav.solid .nav ul{transition:all 0.45s linear; -webkit-transition:all 0.45s linear; }

.aui-header-nav.solid .nav ul li{ height:60px; line-height:60px;}

.aui-header-nav.solid .nav ul li a{}



/*=================导航=================*/

#nav ul{ }

#nav.title{position:relative}

#nav .list{width:120px;left:0;max-height:0;position:absolute;top:63px;z-index:0;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px}

#nav .list a{ color:#eee; width:120px;height:50px; font-weight:100; line-height:50px;text-align:center; display:block;font-size:14px;text-decoration:none;opacity:0;filter:alpha(opacity=0);background-color:#333; background-color: rgba(50, 51, 57, 0.84); border-bottom:rgba(30,30, 30, 0.8);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s}
#nav .list a:hover{ background:#ffc23a; color:#fff;} 

#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10}

#nav li:focus .list a,#nav li:hover .list a{opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}

#nav li:hover .list a:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}

#nav li:hover .list a:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}

#nav li:hover .list a:nth-child(3){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}

#nav li:hover .list a:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}

#nav li:hover .list a:nth-child(5){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}

#nav li:hover .list a:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}

#nav li:hover .list a:nth-child(7){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}

#nav li:hover .list a:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}

#nav .list a:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}

#nav .list a:nth-child(2){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}

#nav .list a:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}

#nav .list a:nth-child(4){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}

#nav .list a:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}

#nav .list a:nth-child(6){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}

#nav .list a:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}

#nav .list a:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}



/*================= banne===================*/

#banner{ position:relative; margin-top:-15px; height:720px; overflow:hidden;    }

#banner .bd { position:relative;}

#banner .bd a{ display:block; width:100%; height: 720px;}

#banner .hd{ position:absolute;margin:0 auto; width:100%;}

#banner .hd ul{ position:relative; z-index:9; display:inherit; margin:0 auto; margin-top:-50px; width:100%; height:40px;/* border-top:1px solid #56585c; */ text-align:center;  }

#banner .hd ul li{ display:inline-block; padding-top:13px;}

#banner .hd ul li a{ display:block; margin:0 3px; width:8px;height:8px; border-radius:4px; background:#000;   }

#banner .hd ul li a:hover{ width:30px; background:#0071bb;}

#banner .hd ul .on a{  width:30px;  background:#0071bb;}

#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-70px;}

#banner  .bnt:hover{ }

#banner .prev{ position:absolute; left:-54px; }

#banner .next{ position:absolute; right:-54px; }

#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}

#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}



  

/*==============footer=====================*/

#footer{ height:438px; background:url(../images/bg_fot.jpg) center 90px no-repeat;}

#footer .up_box{ padding:50px 0; height:200px;}



/*=============底部导航================*/   

#fot_nav{   float:left; min-height:200px; border-right:1px solid #3d3d42;}

#fot_nav ul{ display:inherit; text-align:left;}

#fot_nav li{ display:inline-block; margin-right: 30px; vertical-align:top;}

#fot_nav li .content a{display:block;color:#fff;font-size:12px; line-height:24px; opacity:0.5; filter:alpha(opacity=50);}

#fot_nav li .content a:hover{ text-decoration:underline; opacity:1; filter:alpha(opacity=100);}

#fot_nav li h1 a{ display:block;margin-bottom:15px; margin-bottom:15px;color:#fff;font-size:14px;}



/*=============底部留言================*/   

#footer .fot_form{ float:right; width:670px;}

#footer .fot_form h1.title{ display:block; margin-bottom:25px; color:#fff; line-height: 14px;}

#footer .fot_form h1.title strong{ padding-right:10px;text-transform:uppercase; font-size: 16px; font-family: "SimHei";}

#footer .fot_form h1.title span{ font-size: 14px; font-family: "SimHei";  }

#footer .fot_form form{margin-left: -15px; }

#footer .fot_form .text{ float:left; display:block; margin-bottom:15px; margin-left:15px; padding:0 10px; width: 191px; height:35px; border:1px solid #38373d; background:none; color:#676c77; font-size:12px; line-height:33px;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226');}

#footer .fot_form .md{ float:left;}

textarea{ resize:none;}

#footer .fot_form  .yzm_box{ position:relative;}

#footer .fot_form  .yzm_box .yzm{ position:absolute; top:0; right: 0px; height:35px; border:1px solid #4f4f4f;}

#footer .fot_form textarea{  float:left; margin-left:15px; padding:10px; width: 419px; height: 80px; border:1px solid #38373d; color:#676c77; font-size:12px; line-height:20px; resize:none;background:none;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226');}

#footer .fot_form .submit { position:absolute; top: 75px; right:0; margin-top:20px; width: 214px; height: 38px; border:none; background:url(../images/bg_sumit.png) center no-repeat #f9f9f9; color:#fff; text-align:center; font-size:18px;}

#footer .fot_form .submit:hover{  background:url(../images/bg_sumit.png) 30px no-repeat #0071bb;}



/*=============底部版权================*/ 

#footer .un_box{  position:relative; text-align:center;}

#footer .un_box .main_box{ position:relative;}

#footer .un_box p{color:#737476; font-size:12px;  }

#footer .un_box p a{ color:#737476;}

#footer .un_box p a:hover{ color:#fff; text-decoration:underline;}





#fot_contact{position:relative;margin-top:50px;width:100%;height:90px;background:#000; line-height:90px;}

#fot_contact .content span{ display:inline-block; padding-right:70px; padding-left:25px;color:#fff; font-size:12px; line-height:90px;}

#fot_contact .li1{background:url(../images/icon_fooder_up1.png) left center  no-repeat;}

#fot_contact .li2{background:url(../images/icon_fooder_up2.png) left center no-repeat;}

#fot_contact .li3{background:url(../images/icon_fooder_up3.png) left center no-repeat;}

#fot_contact span a{color:#fff;font-size:12px;  }

#fot_contact span a:hover{ text-decoration:underline;}



#fot_contact .ewm_box{ position:absolute; top:0; right:0; cursor:pointer;}

#fot_contact .ewm_box span{display:block; padding-right:30px;height:90px;background:url(../images/icon_fooder_up4.png) right center no-repeat;color:#fff;font-size:12px; line-height:90px;}

#fot_contact .ewm{position:absolute;top:100px; right:5px; z-index:999; height:80px; opacity:0;  filter:alpha(opacity=0);}

#fot_contact .ewm img{ display:block;  width:80px; height:80px;  }

#fot_contact .ewm_box:hover .ewm{ top:95px; opacity:1; filter:alpha(opacity=100);}



 

/*=============首页================*/

#s_main_box { position:relative; background: url(../images/bg_s_fot.jpg) center bottom no-repeat;   }

.s_title{ position:relative; margin-bottom:30px;}

.s_title h1{ display:block; margin-bottom:10px; color:#353536; text-align:center; font-weight:bold; font-size:30px;}

.s_title strong{ color:#303032; font-weight:bold;  font-size:20px; }

.s_title span{ padding-right:10px; color:#0071bb; text-transform:uppercase;  font-weight:bold; font-size:18px;}

.s_title p{ color: rgba( 53, 53, 54, 0.741 ); text-align:center; font-size:14px;}

.s_title .more{ position:absolute; top:0; right:0; color:#7c7d7f; font-size:12px; line-height:24px;}

.s_title .more:hover { color:#0071bb; text-decoration:underline;}

.s_titleb{ position:relative; margin-bottom:30px;}

.s_titleb strong{ color:#fff; font-weight:bold;  font-size:20px; }

.s_titleb span{ padding-right:10px; color:#fff; text-transform:uppercase;  font-weight:bold; font-size:18px;}



/*=============搜索================*/ 

#s_search{width:100%;height:50px;border-bottom:1px solid #e5e6e8;background:#f7f7f9;}

#s_search{ }

#s_search .search_word span{display:inline-block;margin-right:10px;height:50px;color:#363636;font-weight:700;font-size:14px;line-height:50px;}

#s_search .search_word  a{display:inline-block;margin-right:12px;height:50px;color:#363636;font-size:12px;line-height:50px;transition:.6s;}

#s_search .search_word  a:hover{ color:#0071bb; text-shadow:1px 1px 1px #666; }

#j_search_box{ position:absolute; top:0; right:0;}

#j_search_box form{ position:relative;}

#j_search_box input[type=text]{margin-top:10px;margin-right:80px;padding-left:35px;width:180px;height:28px; line-height:28px;outline:0;border:1px solid #dcdbdd;background:url(../images/icon_search.png) no-repeat 10px center #fff;color:#b0b0b1;font-size:12px;}

#j_search_box input[type=text]::-webkit-input-placeholder{color:#b0b0b1;font-size:12px;}

#j_search_box input[type=submit]{position:absolute;top:10px;right:0;width:80px;height:30px;border:none;background:#333;color:#fff;font-size:14px;cursor:pointer;}


/*=================侧导栏区==================*/

.n_right{width:230px;float:right;margin-top:25px}

.n_right .up{background:#006fb9}

.n_right .up .title{height:95px;background:#006fb9}

.n_right .up .title h1{padding:20px;color:#fff}

.n_right .up .title h1 strong{font-size:24px;display:block;font-family:Arial;text-transform:uppercase}

.n_right .up .title h1 span{font-size:16px;display:block}


 

/*=======================内页==============================*/


.n_main_box{ position:relative;  margin-top:30px; margin-bottom:50px;}

.n_banenr{ position:relative; overflow:hidden; margin-top:-15px; width:100%; height:305px;}

.n_banenr h1{ display:block; padding-top:50px; color: #f36825; text-transform: uppercase; font-weight:bold;font-size: 30px;} 

.n_banenr h2{  display:block; margin-top:0px; margin-bottom:10px; color: #fff;font-size: 24px;}

.n_banenr strong{  display:block; color: #797a7c;font-size: 14px;}

/*==============当前位置=====================*/

.n_title{position:relative;border-bottom:1px solid #eeeef0;height:70px;padding:0 10px;line-height:70px;position:relative}
 


/*=================面包线导航==================*/

.position{line-height:70px;height:70px;color:#737374;background:url(../images/icon_home.png) left center no-repeat;padding-left:18px}

.position a,.position i{font-size:12px;color:#737374}

.position span{font-size:12px;color:#006fb9}

.position a:hover{color:#006fb9}

.n_content{min-height:400px;padding: 40px 0 50px 0;}

.n_left{width:893px;float:left;padding-right:35px;border-right:1px solid #eeeef0}



/*=================侧导栏区==================*/

.n_right{width:230px;float:right;margin-top:25px}

.n_right .up{background:#006fb9}

.n_right .up .title{height:95px;background:#006fb9}

.n_right .up .title h1{padding:20px;color:#fff}

.n_right .up .title h1 strong{font-size:24px;display:block;font-family:Arial;text-transform:uppercase}

.n_right .up .title h1 span{font-size:16px;display:block}



/*=================侧导航==================*/

#n_nav dt{height:40px;line-height:40px;position:relative;background:#e4e5e8;border-bottom:1px solid #fff}

#n_nav dt a{padding:0 30px 0 20px;display:block;color:#444;font-size:14px}

#n_nav dt.title_on a{font-weight:700;color:#006fb9}

#n_nav dt:hover a{font-weight:700;color:#006fb9}

#n_nav dt.title{background:url(../images/icon_jh.png) 200px center no-repeat #e4e5e8}

#n_nav dt.title_on{background:url(../images/icon_j_h.png) 200px center no-repeat #e4e5e8;border-bottom:1px solid #e4e5e8}

#n_nav dd{margin-top:-3px; display:none; background:#e4e5e8;padding:10px 20px;border-bottom:1px solid #fff}

#n_nav dd .box{border-top:1px solid #cdcdd1}

#n_nav dd a{padding-left:10px;line-height:32px;font-size:12px;color:#636060;display:block;height:32px;background:url(../images/icon_nav_sub_li.png) left center no-repeat}

#n_nav dd a:hover{font-weight:700;color:#006fb9}

#n_nav dd a.on{font-weight:700;color:#006fb9}

#n_nav dd a.on{background:url(../images/icon_nav_sub_li_on.png) left center no-repeat}



/*=================侧导栏==================*/

.n_right .un{margin-top:20px}

.n_right .un a{display:block;position:relative;height:70px;margin-bottom:10px;border:1px solid #e4e5e8}

.n_right .un a i{background:url(../images/icon_bnt_about.png) 25px center no-repeat #e4e5e8;height:70px;width:85px;position:absolute;left:0}

.n_right .un a strong{position:relative;display:block;padding-top:18px;z-index:2;font-size:16px;color:#424a59;margin-left:110px}

.n_right .un a strong span{display:block;font-size:10px;font-family:Arial;color:rgba(127,136,153,.8);text-transform:uppercase}

.n_right .un a:hover i{width:100%}

.n_right .un a:hover strong{color:#006fb9}

.n_right .un a:hover strong span{color:#006fb9}

.n_right .un a.bnt_download i{background:url(../images/icon_download.png) 25px center no-repeat #e4e5e8}

.n_right .un a.bnt_mail i{background:url(../images/icon_mail.png) 25px center no-repeat #e4e5e8}

.n_right .bnt_box{position:relative;margin-top:20px}

.n_right .bnt_box a{width:115px;height:60px;line-height:60px;display:block}

.n_right .bnt_box a.bnt_skype{background:url(../images/bnt_skype.png) center no-repeat #e4e5e8}

.n_right .bnt_box a.bnt_skype:hover{background:url(../images/bnt_skype_on.png) center no-repeat #e4e5e8}

.n_right .bnt_box a.bnt_mail{width:114px;position:absolute;right:0;top:0;background:url(../images/bnt_mail.png) center no-repeat #e4e5e8}

.n_right .bnt_box a.bnt_mail:hover{background:url(../images/bnt_mail_on.png) center no-repeat #e4e5e8}


#n_pro_show .up_box{position:relative;background:#f2f4f8;border:1px solid #d3d7d8;height:523px}

#n_pro_show .up_box .text_box{margin-left:440px;width:400px;padding-top:38px}

#n_pro_show .up_box .text_box .title h1{font-size:18px;color:#444;font-weight:700;display:block;border-bottom:solid 1px #d0d2d8;margin-bottom:30px;padding-bottom:30px}


.bnt_slide a{display:block;position:relative;height:60px;margin-bottom:15px;border:1px solid #e4e5e8;background:#fff}

.bnt_slide a i{background:url(../images/icon_bnt_about.png) 25px center no-repeat #e4e5e8;height:60px;width:85px;position:absolute;left:0}

.bnt_slide a strong{position:relative;display:block;padding-top:12px;z-index:2;font-size:16px;color:#424a59;margin-left:110px}

.bnt_slide a strong span{display:block;font-size:10px;font-family:Arial;color:rgba(127,136,153,.8);text-transform:uppercase}

.bnt_slide a:hover i{width:100%}

.bnt_slide a:hover strong{color:#006fb9}

.bnt_slide a:hover strong span{color:#006fb9}

.bnt_slide a.bnt_download i{background:url(../images/icon_download.png) 25px center no-repeat #e4e5e8}

.bnt_slide a.bnt_mail i{background:url(../images/icon_mail.png) 25px center no-repeat #e4e5e8}



/*================== 产品详情图册 ==================*/

#pic_show_slide{position:absolute;left:-1px;top:-1px;height:525px;width:525px}

#pic_show_slide .bd{position:relative}

#pic_show_slide .bd a{display:block;width:525;height:525px}

#pic_show_slide .bd a img{display:block;width:525;height:525px}

#pic_show_slide .bnt{position:absolute;top:50%;z-index:3;margin-top:-24px}

#pic_show_slide .prev{position:absolute;left:30px}

#pic_show_slide .next{position:absolute;right:30px}

#pic_show_slide:hover .prev{opacity:1;filter:alpha(opacity=100)}

#pic_show_slide:hover .next{opacity:1;filter:alpha(opacity=100)}

#pro_show_tab{margin-top:40px;position:relative}

#pro_show_tab .hd{width:100%}

#pro_show_tab .bd{position:relative}

#pro_show_tab .hd ul{border-bottom:1px solid #d9dad9;height:40px}

#pro_show_tab .hd ul li{background:#949496;float:left;display:block;width:160px;height:40px;line-height:40px;text-align:center;cursor:pointer;font-size:14px;margin-right:10px;color:#fff}

#pro_show_tab .hd ul li.on{background:#006fb9;color:#fff}

#pro_show_tab .content{padding:30px 0}


.tel_box{ margin-top: 20px; padding-top: 30px; border-top: 1px solid #cfd1d5;   height:40px; line-height:40px;   }

.tel_box span{font-size: 16px; color: #4a4957; font-weight:bold; padding-left:18px; background:url(../images/icon_tel_pro.png) 0px center no-repeat; height:20px;  }

.tel_box strong{ font-size:27px; font-weight:bold; color:#ee3f3f; }

/*==============n_content_right=====================*/

.xq_slide{ position: relative; overflow: hidden; width:400px; height:500px; float:left; }	
.xq_slide .bigImg{ height: 400px; position: relative; border:1px solid #e4e4e4; overflow:hidden;}	
.xq_slide .bigImg li img{ vertical-align:middle; width:100%; height:100%;   }	
.xq_slide .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }	
.xq_slide .smallScroll{ height: 82px; position:relative; text-align:center; margin-top:15px;}	
.xq_slide .sPrev,.xq_slide .sNext{ position:absolute; display: block; width: 29px; height: 82px; background: url(../images/game_left.png) left center no-repeat; font-size:0; }	
.xq_slide .sNext{ background: url(../images/game_right.png) right center no-repeat; position:absolute; top:0; right:0;}	

.xq_slide .smallImg{  margin: 0 auto; display: inline-block;overflow: hidden;}	
.xq_slide .smallImg ul{ height:111px;  width: 9999px; overflow: hidden; }	
.xq_slide .smallImg li{ float: left;  width:100px; height:90px; cursor:pointer;  display: inline;  }	
.xq_slide .smallImg img{ border: 1px solid #dcdddd;width:82px; height:82px; margin:0 4px; }	
.xq_slide .smallImg .on img{ border:1px solid #e60012;}	
.xq_slide .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}	
.xq_slide .pageState span{ color: #f00; font-size: 16px;}

/*===荣誉奖项===*/

#n_zizhi{   margin-top:10px;}

#n_zizhi ul { margin:-20px -11px; }

#n_zizhi li{ float:left; display:block; margin:22px 11px; padding:8px; width:175px;  box-shadow: 0px 0px 6px 0px #888;}

#n_zizhi li a{ display:block; }

#n_zizhi li img{ width:175px; height:120px;}

#n_zizhi li h1{ display:block; color:#6d6c72; text-align:center; font-size:12px; line-height:30px; }

#n_zizhi li a:hover h1{ color:#0071bb;}



/*==============n_content=====================*/

.n_content{ padding-top:30px; min-height:360px;}

 

#n_fc{ }

#n_fc{ overflow:hidden; margin-top:10px;}

#n_fc ul { margin:-13px; }

#n_fc li{ float:left; display:block; margin:13px; width:260px; }

#n_fc li a{ display:block; }

#n_fc li img{ width:260px; height:180px;}

#n_fc li h1{ display:block; margin-top:10px; height:36px; color:#616064; text-align:center; font-size:12px; line-height:18px; }

#n_fc li a:hover h1{ color:#0071bb;}



/*===================首页日记================*/

#photo_list{  }

#photo_list ul{ margin:-13px;}

#photo_list li{ position:relative; float:left; display:block; overflow:hidden; margin:13px; width:290px; height:230px;}

#photo_list li a{ display:block;}

#photo_list li .pic_box{ position:relative; background:#000; }

#photo_list li img{ display:block;width:290px; height:230px;}

#photo_list li .img{  }

#photo_list li .icon_play{ position:absolute; top:0; left:0; width:380px; height:260px; background:url(../images/bnt_play.png) center no-repeat;} 

#photo_list li h1{ position:absolute; bottom:0; left:0; z-index:3; display:block; overflow:hidden;overflow:hidden; padding:0 20px; width:250px; height:0px;background:rgba(0,0,0,0.67);  color:#fff; text-align:center;text-overflow: ellipsis; white-space: nowrap; font-size:14px; line-height:40px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#AA000000', endColorstr='#AA000000');}

#photo_list li:hover h1{ height:40px;}



/*==========================================产品列表=============================================*/

#n_case{ }

#n_case ul{ margin:0 -17px; }

#n_case li{  position:relative; float:left;  display:block; margin:30px 16px 0 17px;  width:285px;   background:#ebeef2; }

#n_case li a{ display:block;  overflow:hidden;}

#n_case li img{ display:block; width:285px; height:185px;}

#n_case li h1{  display:block;overflow:hidden; padding:0 20px; padding-right:40px;  width: 230px; background:url(../images/icon_left_li.png) 260px center no-repeat; color:#636363;text-overflow: ellipsis; white-space: nowrap;  font-size:14px; line-height:55px; }

#n_case li i{ display:block; background:#0071bb; height:3px; width:0; position:absolute; left:0; bottom:-2px;}

#n_case li:hover i{ width:100%;   }

 

/*==================产品中心=================*/

#n_pro{ }

#n_pro{ overflow:hidden; margin-top:10px;}

#n_pro ul { margin:-17px; }

#n_pro li{  float:left; display:block; margin:17px; width:205px;  }

#n_pro li a{ display:block; }

#n_pro li img{ width:205px; height:205px; }

#n_pro li h1{ display:block;overflow:hidden; padding:0 20px;   color:#444444; text-align:center;text-overflow: ellipsis; white-space: nowrap; font-size:14px; margin-top:10px;}

#n_pro li:hover h1{  color:#0071bb; }



/*===================产品详情===============*/

.n_product_show{ }

 

#n_product_show .up_box{ background:#fff;}

#n_product_show .up_box #big_pic{ width:390px; height:325px; float:left;}

#n_product_show .up_box .content{ position:relative; }

#n_product_show .up_box .title{ display:block; border-bottom:1px solid #efefef; padding-bottom:30px; text-align:center; font-size:24px; font-weight:bold; color:#444444;}



#n_product_show .up_box .text_box{ float:right; padding:15px 0px 20px 0; width:500px; }

#n_product_show .up_box .text_box h1{ font-size:16px; margin-bottom:15px; text-transform:uppercase; color:#444444; font-weight:bold; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_product_show .up_box .text_box .ar_article{ font-size:14px; height: 160px; overflow:hidden; line-height:26px; color:#666;}

#n_product_show .up_box .text_box .ar_article p{ margin-bottom: 0px; padding-bottom: 0px;}

#pro_share_box{ position:relative;}

#pro_share_box strong{ color:#4a4957; font-weight:normal; font-size:12px;}

#pro_share_box .shart_box{ top:-10px; left:10px;}



#n_product_show .up_box .un{ padding-top:25px;border-top:1px dotted #c6c6c6;}

#n_product_show .up_box .tel_box{ margin-bottom:15px; }

#n_product_show .up_box span{ font-size:12px; color:#444444;}

#n_product_show .tel_box strong{ padding-left:10px; font-size:25px;  color:#e0c009;}

#n_product_show .up_box .link_box .box{ display:inline-block; position:relative;  margin-right: 10px;}

#n_product_show .up_box .link_box a.box:hover{ margin-top:-5px;}

.ewm_box{ cursor:pointer; position:relative;}

.ewm_box .ewm{  position:absolute; right:-80px; top:0; opacity:0;filter:alpha(opacity=0); z-index:3;}

.ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100); }



#n_product_show .un_box{ padding-top:30px;}

#n_product_show .un_box .title{ height:30px;  line-height:30px; border-bottom:1px solid #e4e4e4;}

#n_product_show .un_box .title strong{ display:inline-block; padding:0 15px; background:#0071bb; color:#353536; font-size:16px; }

#n_product_show .un_box .title span{ display:inline-block; padding-left:10px; color:#2d95a2; text-transform:uppercase; font-size:12px;  font-family: "Arial";}

#n_product_show .un_box  .content{ padding:40px 0px 20px 0px;  }



 

 

  

/*==============新闻=====================*/

#n_news .up_box{ }

#n_news .up_box .date_box{ position:absolute; top: 40px; right:40px; width:60px; background:url(../images/bg_titme.png) center no-repeat; text-align:center; font-weight:normal;  }

#n_news .up_box .date_box strong{ color: #888888; font-size: 20px; font-family: "Arial";}

#n_news .up_box .date_box span{ display:block; padding-top:10px; color:#888888; font-size: 15px;  font-family: "Arial";}

#n_news .up_box  li{ position:relative; display:block; margin-bottom:40px; padding:15px; padding-right:0; background:#f9f9f9;}

#n_news .up_box  li .fl{ width:255px;}

#n_news .up_box  li .fl  img{ width:255px; height:170px; }

#n_news .up_box  li .fr{  position:relative; padding-right:140px; width:475px; height: 170px; }

#n_news .up_box  li .fr h1{ display:block; padding-top:30px;}

#n_news .up_box  li .fr h1 a{   display:block;  color:#0071bb;  font-size:16px;   }

#n_news .up_box  li .fr span{position:absolute; bottom:0; left:0; display:block;   color:#adadad;  font-size:12px; }

#n_news .up_box  li .fr h1 a:hover{ color:#ba9e6d;  }

#n_news .up_box  li .fr .more{ position:absolute; right:37px; bottom:30px; display:block;  width:38px; height:38px;    background:url(../images/bnt_more_news.png) center no-repeat; color:#fff; font-size:12px; line-height:32px;}

#n_news .up_box  li .fr .more:hover{  background:url(../images/bnt_more_news.png) center no-repeat;}

#n_news .up_box  li .fr p{ overflow:hidden; padding-top:20px; width: 455px; height:72px; color:#999999; font-size:12px; line-height:24px;}



/*==============新闻资讯=====================*/

.n_news { overflow:hidden;}

.n_news ul{ }

.n_news li{ display: block; padding-bottom: 30px; height:130px; border-bottom: 1px solid #e3e4e5; margin-top: 30px;}

.n_news li .fl{width:275px;}

.n_news li .fl img{ width:275px; height:130px;}

.n_news li .fr{width: 615px; margin-top:15px;}

.n_news li span{ color:#c4c4c4; display:block; font-size:12px;}

.n_news li a{  display:block;  font-size:15px; color:#68686b; font-weight:bold; margin-bottom: 12px;}

.n_news li p{ line-height:20px; height:40px; overflow:hidden; padding-top:12px; font-size:12px; color:#7f7f83;}

.n_news li a:hover{ color:#ffc000;}



 /*==============新闻详情=====================*/

.n_article { margin-bottom:20px;}

.n_article .ar_title{ padding:10px 0 20px 0;  margin-bottom: 10px;}

.n_article .ar_title{ padding:0 0 5px 0; position:relative; border-bottom:1px solid #ebebec; }

.n_article .ar_title h1{ font-size:18px; margin-bottom:30px;  display:block; font-weight:bold; text-align:center; line-height:30px; color:#555555;}

.n_article .ar_title h2{ font-size:12px; position:relative;  display:block; background:#fff; height:40px; padding:0 10px; color:#999999; line-height:40px;}

.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}

#ar_fot{ position:relative; padding:15px 0 13px; border-top:1px dashed #e5e5e5; border-bottom:1px dashed #e5e5e5; }

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold;}

#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#000; background:#0071bb; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}

  

 


.shart_box{ height:40px; position: absolute; right: 0; top: 26px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

##j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}



  

/*==============招贤纳士=====================*/

#n_job{ margin:0px auto; margin-top:-12px;}

#n_job ul li{border-bottom:1px solid #e9e9ea; padding:0px 0 25px; margin-top:25px; position:relative;}

#n_job ul li  h1{   display:block; display:block;  }

#n_job ul li  h1 .a{color:#414142; width:600px; display:block; font-size:15px;  }

#n_job ul li  h1 .a:hover{ color:#ebc904; text-decoration:underline;}

#n_job ul li  span{ display:block; color:#a8aaab;  font-size:12px; padding:10px 0 13px;}

#n_job ul li  p{ color:#6d6e6f; font-size:12px; line-height:22px;}

#n_job ul li  .more{  display:block; background:#808182; text-align:center; color:#fff; height:30px; line-height:30px; width:95px; border-radius:5px;  font-size:14px; position:absolute; right:0; top:3px; }

#n_job ul li  .more:hover{ background:#ebc904; color:#fff; text-decoration:none;}

 

/*==============联系我们=====================*/

.n_contact{ position:relative; overflow:hidden; width:100%; }

.n_contact .info{ padding-top:15px; padding-bottom:30px; color:#666666; text-align:center; font-size:14px;}

.n_contact .info strong{ margin-top:15px; display:block;}

.n_contact .info img{ margin-top:15px;}



.n_contact .up_box { position:relative;   margin-bottom:40px; border:1px solid #dbdbdb;}

.n_contact .up_box .title span{ display:block; margin-bottom:15px; color:#51575f; font-size:12px;}

.n_contact .up_box .text_box{ padding: 45px 20px; width:530px; border-right:1px solid #dbdbdb;}

.n_contact .up_box .text_box .box{ padding-left:25px; background:url(../images/icon_contact.png) left 8px no-repeat; color:#666666; font-size:14px; line-height:29px;}



.n_contact .map{ border:1px solid #dcdcdc;}

.n_contact .ewm_box{ position:absolute; top: 20px; right:0;  display:block; width:345px;}

.n_contact .ewm_box .box span{ display:block; margin-top:8px; color:#666666; text-align:center; font-size:12px;}

.n_contact .ewm_box img{ display:block; margin:0 auto; width:115px; height:115px;  }



 



.page { margin:0px auto 0px auto;}

.page .box{display:inherit; padding-top: 50px; width:100%;  text-align: right;}

.page a{ display:inline-block; margin:0 2px; padding:0 11px; height:28px; border:1px solid #dcdcdc;  color:#fff; color:#444444; font-size:12px; line-height:28px; }

.page .on{border:1px solid #0071bb; background:#0071bb; color:#000 !important;}

.page span{border:1px solid #0071bb; background:#0071bb; color:#000 !important;}

.page a:hover{ border:1px solid #0071bb; background:#0071bb; color:#000 !important; text-decoration:none; }

.page a.u_bnt{-webkit-transition: all 1s; /* Safari 和 Chrome */-moz-transition: all 1s; /* Firefox 4 */

-o-transition: all 1s; /* Opera */ transition: all 1s;}



/*===============================================j_sub_contact===================================================*/
 #j_sub_contact{ position:fixed; right: 0; bottom: 50px; display: none;}
 #j_sub_contact ul{ position: relative;}
 #j_sub_contact ul li{ display: block; height: 50px; position: relative; margin-top: 2px;}
 #j_sub_contact ul li a{width: 50px; display: block;  border-radius:5px 0 0 5px ; overflow: hidden;}
 #j_sub_contact ul li img.icon{ display: block; vertical-align: middle; background: #fff; }
 #j_sub_contact ul li:hover{}
 #j_sub_contact ul li.ct_box a{ position: absolute; right: 0; top: 0; width: 50px; display: block;  line-height: 50px; height: 50px;}
 #j_sub_contact ul li.ct_box strong{ position: absolute; display: block; left: 55px; top: 0; color: #fff;}
 #j_sub_contact .ewm_box{ position: relative;}
 #j_sub_contact .ewm_box .ewm{ display: none; position: absolute; left: -55px; top: 0;}
 #j_sub_contact .ewm_box .ewm img{ height: 105px;}
 #j_sub_contact .ewm_box:hover .ewm{ display: block;}
 #j_sub_contact ul li.ct_box:hover a{width: 180px; }

 /*=================网站地图=================*/
#nav_right{width: 360px;height: 100%;position: fixed;right: -360px;text-align: left;top: 0;z-index: 9999;background:#fff;box-shadow: 0 0 8px #aaa;}
#nav_right .box{padding: 0;position: relative;height: 90%;}
#nav_right .title{display: block;position: relative;vertical-align: middle;margin-bottom: 20px;line-height: 70px;padding-left: 45px;font-size: 20px;color: #3a3936;background: #0071bb;}
#nav_right .title a{position: absolute;right: 45px;top: 2px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#nav_right .title a:hover{  transform:rotate(90deg);-webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);}
#nav_right dl{ height: 95.5%;}
#nav_right dd{padding-bottom: 20px;padding-left: 45px;margin-bottom: 25px;border-bottom:  #eaebec 1px solid;}
#nav_right dd h1{font-size: 16px;color: #252627;line-height:22px;margin-bottom:10px;}
#nav_right dd a{display: inline-block;font-size:12px;color: #636364;line-height: 30px;margin-right: 25px;}
#nav_right dd a:hover{color: #0071bb;}
#ascrail2000{ display:none !important;}