@charset "utf-8";
/* CSS Document */
/***************公共部分******************/
html,body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; color:#333; background: #f2f2f2;}
h1,h2,h3,h4,h5,h6,ul,li,p,ol,dl,dt,dd,form{ margin:0; padding:0;}
li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
a{ text-decoration:none;}
img{ border:none;}
.warp{ width:100%; height:auto;}

@media screen and (min-width:1020px){
body{

width:100% ;
}
}
@media screen and (max-width:1019px){
body{

width:150%;
}
}
/*********************index***********************/
.header{ background: #FFF;}
.header .top{ height:45px; line-height:45px; background:#f5f5f5; color:#666;}
.header .top .top_c{ width:1200px; margin:0 auto;}
.header .top .top_c a{ color:#666;}
.header .top .top_c a:hover{ color:#e80000;}
.header .logo{ width:1200px; margin:0 auto; padding:10px 0;}
.header .nav{ height:60px; line-height:60px; background:#0068dc;}
.header .nav ul{ width:1200px; margin:0 auto;}
.header .nav ul li{ float:left; width:113px; font-size:18px; padding-left:20px;}
.header .nav ul li:hover{ background:url(nav.png) no-repeat center; margin-top:-10px; height:60px; padding-top:10px;}
.header .nav ul li a{color:#fff; display:block;}

/********************banner********************************/
.banner img{ background-size:100%; height:500px;}
.banner img{ width:100%;}
#solid{height:inherit;clear:both;}
#solid ul{margin:0px;padding:0px;list-style:none;}
#solid ul li{left:0;top:0px;display:none;cursor:pointer;}
#solid ul li img{margin:0 auto;}
#solid #btt{width:100%;left:0;position:relative; bottom:35px; width:500px; margin:0 auto;}
#solid #btt span{position:absolute;left:45%;display:block;width:30px;height:8px;margin:0 15px;text-align:center;/*background:#3d3d3d;*/background:#fff;cursor:pointer;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
/*********************banner结束*************************************/
.i_about{ padding:40px 0;}
.i_about_c{ width:1200px; margin:0 auto;}
.i_about_c .top{ font-size:24px; color:#a90005; text-align:center; font-weight: bold;;}
.i_about_c .top span{ font-family:Bodoni MT; font-size:30px; color:#000;}
.i_about_c .top h4{ font-weight:normal; font-size:16px; color:#666;font-family:Bodoni MT; padding-top:20px;}
.i_about_c .top h4 img{ padding:0 10px 4px 10px;}
.i_about_c .left{width:725px; height:300px; border:3px #1f69c1 solid; padding-top:38px; padding-left:13px;}
.i_about_c .left .content{ width:651px; height:236px; background:#fff;-moz-box-shadow:2px 2px 2px #ddd; -webkit-box-shadow:2px 2px 2px #ddd;-o-box-shadow:2px 2px 2px #ddd; box-shadow:2px 2px 2px #ddd; padding:15px 22px; line-height:31px; text-indent:2em; position:absolute; z-index:99;}
.i_about_c .bottom{position:relative; padding-top:30px;}
.i_about_c .right{ position:absolute; right:0px; top:55px;}
.i_about_c .left .content .more{ background:url(more.png) no-repeat 0 14px; width:158px; height:100px; line-height:100px; padding-left:22px;}
.i_about_c .left .content .more a{ color:#976000;}
.i_about_c .left .content .more a:hover{ color:#a90005; font-size:16px;}
.i_new{ background:#fff;}
.i_new .new_1{ padding:0 15px;}
.i_new .new_1 .n_top{ width:240px; height:113px; background:#333; padding:20px 10px 0 15px;}
.i_new .new_1 .n_top h3{ font-weight:normal; font-size:18px; margin-bottom:10px;}
.i_new .new_1 .n_top a{ color:#fff;}
.i_new .new_1 .n_top a:hover{ text-decoration:underline;}
.i_new .new_1 .n_top h3 span{font-size:14px; padding-top:4px;}
.i_new .new_1 .n_top p{ line-height:30px; color:#fff; text-indent:2em;}
.n_bottom{ position:relative;}
.n_more{width:57px; height:110px; background:#f13d4e; color:#fff; text-align:center; line-height:20px; position:absolute; right:13px; bottom:-44px;}
.n_more_t{font-size:30px;background:#d82f42; height:53px; line-height:53px !important;}
.n_more:hover{line-height:30px; cursor:pointer; padding-top:40px; height:70px;}
.n_more:hover .n_more_t{ display:none;}
.n_more2{position:absolute; right:13px; top:-44px;}
.n_more a{display:block; color:#fff;text-align:center; line-height:20px; margin-bottom:10px;}
.new_2{ margin-top:20px;}
.i_n_more{ width:155px; height:50px; text-align:center; line-height:50px; border:1px #f13d4e solid; margin:0 auto; margin-top:30px;}
.i_n_more a{color:#f13d4e; display:block;}
.i_n_more a:hover{color:#fff; font-size:16px; background:#a90005; border:1px #fff solid;}
.i_design .bottom ul li{ float:left; padding:22px 0px; position:relative; height:262px; width: 16.66%;}
.i_design .bottom ul li a{ display:block; position:absolute; z-index:2; left:0px;bottom:0px;width:96%;  color:#000; text-align:center; line-height:45px; font-size:18px;}

@media \0screen\,screen\9 {
  .i_design .bottom ul li a span{ display:block;
    
  }
 .i_design .bottom ul li a p{
    position: relative;
    color: #161616;;
  }
}
.i_design .bottom ul li a p{ position:relative;}

.i_design1 .bottom ul li{ float:left; padding:22px 0px; width: 20%;}
.i_design1 .bottom ul li a{ display:block; ;}
@media \0screen\,screen\9 {
  .i_design1 .bottom ul li a span{ display:block;
    background-color:#000000;
    filter:Alpha(opacity=50);
   position:static;
    *zoom:1;
  }
 .i_design1 .bottom ul li:hover{
   border: 1px solid #014083;;
  }
}  
.i_design1 .bottom ul li a p{ position:relative;}


.i_design2 .bottom ul li{ float:left; padding:22px 0px; position:relative; height:202px; width:25%; }


@media \0screen\,screen\9 {
  .i_design2 .bottom ul li a span{ display:block;
    background-color:#000000;
    filter:Alpha(opacity=50);
   position:static;
    *zoom:1;
  }
 .i_design2 .bottom ul li a p{
    position: relative;
  }
}
.i_design2 .bottom ul li a p{ position:relative;}


.i_case{ background:#fff;}
.i_case .bottom{ width:1200px; margin:0 auto;}
.i_case1{ width:546px; height:360px;}
.i_case_t{ height:234px; padding-right:50px; padding-top:80px; position:relative;}
.i_case_left{ float:left;}
.i_case_left ul li{ width:92px; height:28px; border-radius:25px;position:relative;background:#fff; border:1px #a8a8a8 solid; color:#000; font-family:Bodoni MT; font-size:16px; font-weight:bold; line-height:30px; padding-left:16px; margin:8px;}
.i_case_left ul li:hover{ background:#a90005; color:#fff;border:1px #a90005 solid;}
/*.caseon{ background:#a90005 !important; color:#fff !important;border:1px #a90005 solid !important;}*/
.i_case_right{ float:right; width:380px; height:252px; background:#fff;padding:30px; position:absolute; top:0px; left:50px;}
.i_case_right a:hover{ text-decoration:underline;color:#a95f00 !important;}
.i_case_right h3{ font-weight:normal; font-size:18px; color:#a95f00; margin-bottom:30px;}
.i_case_b{ height:46px; background:#333;}
.i_contact{ padding-top:60px; background:url(i_contact.jpg) no-repeat;position:relative; height:560px;}
.i_contact .top{ height:388px;font-size:20px; color:#a90005; text-align:center;}
.i_contact .top span{ font-family:Bodoni MT; font-size:30px; color:#000;}
.i_contact .bottom{ width:1200px;border:1px #dddddd solid; height:130px; background:#fff; position:absolute; top:480px; padding-top:14px;  -moz-box-shadow:2px 2px 2px #ddd;-o-box-shadow:2px 2px 2px #ddd; -webkit-box-shadow:2px 2px 2px #ddd; box-shadow:2px 2px 2px #ddd; padding-bottom:30px;}
#dituContent{border:#c8c8c8 1px solid; height:293px; width:1174px; margin:0 auto;}
.i_contact .bottom p{ font-size:16px; text-align:center; line-height:45px; padding:30px 0;}
.i_contact .bottom p span{ font-size:26px; color:#f13d4e; font-family:Bodoni MT; font-weight:bold;}
.i_c_contact{width:155px; height:50px; text-align:center; line-height:50px; border:1px #f13d4e solid; margin:0 auto;}
.i_c_contact a{color:#f13d4e; display:block;}
.i_c_contact a:hover{color:#fff; font-size:16px; background:#a90005; border:1px #fff solid;}
.footer{ margin-top:54px; font-size:14px; color:#000; line-height:31px; text-align:center;  padding-bottom:135px; background: #FFF;}
.f_top{ height:50px; margin-bottom:25px; text-align:center; line-height:50px; border-bottom: #014083 solid 4px;; }
.footer ul{width:1000px; margin:0 auto;}
.footer ul li{ float:left; width:104px;}
.footer ul li a{ color:#000;}
.footer ul li a:hover{ color:#a90005;}
.footer p a{ color:#000;}
.footer p a:hover{ color:#a90005;}

.foot{ width: 1200px; margin: 0px auto; text-align: left; background: #FFF; display: block; clear: both;}
.foot_logo{ float: left; background: url(../images/index_cut_03.jpg) no-repeat; padding-left: 450px; color: black;width:500px ; height: 130px;}
.foot_ewm{ float: right; width: 250px; text-align: right;}
/************************************list*********************************************/
.locate{ height:56px;line-height:56px; font-size:20px; background:url(line7.png) repeat-x bottom;}
.locate p{ width:1200px; margin:0 auto;}
.locate p span{color:#666; font-size:14px;}
.locate_l{font-family:Bodoni MT; font-size:20px !important; color:#333 !important;}
.cont{width:1200px; margin:0 auto; padding-top:10px;}
.cont ul li{ padding:17px; background:#f5f5f5; height:106px; position:relative; border:1px #f7f7f7; margin:30px 0;}
.cont ul li .left{ width:124px; height:80px; background:#a90005; border:#b50005 3px solid; color:#fff; font-family:Bodoni MT; float:left; text-align:center; font-weight:bold; font-size:23px; line-height:30px; padding-top:20px;}
.cont ul li .left span{ font-size:35px;}
.cont ul li .right{float:left; padding-left:26px; width:970px; line-height:30px;}
.cont ul li .right h3{ font-weight:normal; font-size:18px; margin-bottom:10px;}
.cont ul li .right h3 a{ color:#000; display:block;}
.cont ul li .right p{ text-indent:2em; padding:0;}
.cont ul li .right p a{ color:#333; display:block;}
.jia{ width:56px; height:56px; background:url(+.png) no-repeat; position:absolute; top:0; right:0;}
.cont ul li:hover{ background:#a90005; border:1px #a90005 solid;}
.cont ul li:hover .right a{color:#fff !important;}
.cont ul li:hover .jia{background:url(+2.png) no-repeat;}
.page{ margin:0 auto; width:660px; padding-top:80px; padding-bottom:75px;}
.page ul li{float:left;border:1px #ddd solid; margin-right:18px; text-align:center; padding:10px 16px; background:#fff}
.page ul li a{color:#666; display:block;}
.page ul li:hover{ background:#d00707;}
.page ul li:hover a{color:#fff;}
.b_c_top{ background:url(line7.png) repeat-x top;}
.b_c_cont{ width:1198px; margin:0 auto; border:1px #dddddd solid; background:url(contact.jpg) no-repeat; height:298px; padding-top:30px; box-shadow:2px 2px 2px #ddd;-moz-box-shadow:2px 2px 2px #ddd; -webkit-box-shadow:2px 2px 2px #ddd; -o-box-shadow:2px 2px 2px #ddd; }
.b_c_cont p{ font-size:16px; text-align:center; line-height:45px; padding:30px 0;}
.b_c_cont p span{ font-size:26px; color:#f13d4e; font-family:Bodoni MT; font-weight:bold;}
/************************************listshow**************************************************/
.cont .title{color:#d00707; font-size:18px; text-align:center; padding:30px 0;}
.cont .time{font-size:14px; color:#666; text-align:center; border-bottom:1px dashed #a9a8a8; padding-bottom:9px;}
.cont p{line-height:31px; font-size:14px; text-indent:2em;}
.next{ margin-bottom:36px;}
.next a{ display:block; color:#666; font-size:13px; padding:5px 0;}
.next a:hover{ color:#a90005; text-decoration:underline;}
/************************************about**************************************************/
.a_img img{float:left; margin:0 8px; margin-bottom:45px;}
/************************************caseshow**************************************************/
.line{ width:40px; margin:0 auto; height:4px; background:#a90005;}
.b_title{ padding-bottom:14px !important;color:#d00707; font-size:18px; text-align:center;}
.c_img{ width:1107px; margin:50px auto;}
.c_img img{ margin:0 65px;}
/*************************************case****************************************************/
.case_t ul{}
.case_t ul li{ width:168px; height:38px; background:#e6e6e6; line-height:38px; border:1px #fff solid;padding:0; text-align:center; font-size:18px; float:left; margin:20px 30px; position:relative;}
.case_t ul li img{ position:absolute; left:30px;bottom:0px; display:none;}
.case_t ul li a{ color:#000;}
.case_t ul li:hover{ background:url(case.png) repeat-y;border:none; width:170px;}
.child{background:url(case.png) repeat-y !important;padding:20px;opacity:0.9; position:absolute; top:38px; left:0; display:none;}
.case_t ul li:hover .child{ display:block;}
.case_t ul li:hover img{ display:block;}
.child li{ margin:0 !important; width:125px !important; height:40px !important; border:none !important; color:#000; background:none !important;}
.child li a{ display:block;}
.child li a:hover{background:#d11b1b; color:#fff; border:1px dashed #fff;}
.case{ width:272px;float:left; margin:35px 14px;}
.case img{border:1px #cdcdcd solid;}
.case img:hover{}
.case h3 a{ color:#a95f00; font-size:18px; padding:15px; font-weight:normal; display:block;}
.case p{ padding:0 15px;}
.case p a{ color:#333; display:block;}
.case .case_b{padding-bottom:20px;border:1px #cdcdcd solid;text-align: center;}
.case .case_b:hover{background:#d00707;}
.case .case_b:hover a{color:#fff;}

.page_info{text-align:center;margin-top:10px auto;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{line-height:33px;padding: 10px 16px;text-align:center;letter-spacing:0;font-size:10px;margin-top:80px;}
.page_list a{display:inline-block;color:#212121;border:1px solid #d6d6d6;padding: 2px 19px;margin: 29px 9px;background:#f8f8f8;text-align:center;}
.page_list a:hover{color:#fff;border:1px solid #d00707;background:#d00707;}
.page_list a.on{color:#fff;border:1px solid #d00707;background:#d00707;text-decoration: none;background-position: 50% bottom;transition: background 0.5s,color 0.5s,border 0.5s;}

.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block p{padding:14px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 14px;}
.message_title span{float:right;font-weight:bold;}
.message_info{color:#8ea6b6;text-align:right;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:10px 50px;background:#161616; text-decoration:none; color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#014083}

.index_news_tongzhi{ width: 1200px; height: 40px; border: 3px solid #0068dc; padding-left: 200px; margin: 0px auto; background: url(../images/index_cut_15.jpg) no-repeat; padding-top: 20px}
.index_news_tongzhi a{ padding: 0px 10px;font-size: 16px;;}

.index_fuwu{;}
.index_newsgroup_L{float: left; width: 600px;;}
.index_newsgroup_R{float: right; width: 600px;;}
.index_newslist_title{ width: 590px; background: url(../images/index_cut_19.jpg) 80px 9px no-repeat; font-size: 18px; font-weight:bold ;}
.index_newslist_title span{ float: right; font-size: 14px;}
.index_newslist{  width: 100%;}
.index_newslist ul{ list-style: none;}
.index_newslist ul li{ line-height: 30px; width: 600px; font-size: 16px;;}
.index_newslist ul li a{ color: #212121;}
.index_newslist ul li a:hover{ color: #a90005;}
.index_newslist ul li dt{ float: left; width: 500px;;}
.index_newslist ul li dd{ float: left; width: 100px; font-size: 14px;;}

.worksbox{position:relative;	overflow: hidden;}
.worksbox a{padding:10px;display:block;}
.worksbox a:hover{text-decoration: none;}
.worksbox a span{display:none; text-align:center; font-size:12px; background:#0068dc; z-index: 222;}
.worksbox a:hover span{color:#FFF;display:block;width:240px;position:absolute;bottom:0px;left:0px;line-height:20px; font-size: 16px;;}
.worksbox a img{width:220px;height:220px;transition: all .4s;}
.worksbox a img:hover{transform: scale(1.2);}

.he_3DFlipX{display:block;width:392px;height:136px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%; float: left;;}
.he_3DFlipX_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.he_3DFlipX_inner div.he_3DFlipX_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipX_inner:hover > div.he_3DFlipX_img{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}.he_3DFlipX_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative}
.he_3DFlipX_caption{position:absolute;top:0;left:0;padding:0;background:#fe7253;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#fe7253;text-align:center;backface-visibility:hidden;-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipX_inner:hover .he_3DFlipX_caption{opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0)}
.he_3DFlipX_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipX_caption p{font-size:1em;text-align:center;width:100%;position:absolute;top:45%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipX a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}

.he_border1{background:#fe7253;width:290px;height:210px;padding:0;margin:0;border:0px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;bottom:10%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}

.top_search{ float: right; width: 200px; height: 50px; padding-top: 30px;}
.top_search_bg{ width: 160px; height: 30px; float: left; border: 1px solid #888;;}
.top_search_btn{width: 30px; height: 30px; float: left;;}


.sub_nav_list{  width:100%; margin: 0px auto; height: 80px; text-align: center;}
.sub_nav_list a{  padding: 10px 10px; font-size: 18px; color: black;;}
.sub_nav_list .active,
.sub_nav_list a:hover{ background: brown; color: seashell;}






.header .nanan_nav{  background:#0068dc;}
.header .nanan_nav ul li{ float:left; width:113px; font-size:15px; }
.header .nanan_nav ul li:hover{ background:url(nav.png) no-repeat center;margin-top:-10px; height:60px; padding-top:10px; }
.header .nanan_nav ul li a{color:#fff; display:block;}
.activeone{ background:url(nav.png) no-repeat center; }

.nanan_nav {position: relative;width:100%;height:61px;margin:0 auto;z-index: 999;}
.nanan_nav li{list-style: none;float: left;line-height: 61px; padding:0 10px 0px;}
.nanan_nav li a{display: block;text-decoration: none;color: #FFFFFF;}
.nanan_nav li a:hover {}
.nanan_nav a {
  display: block;
  line-height: inherit;
  cursor: pointer;
  font-size:15px;
}
.nanan_nav_menu {
  line-height: 61px;
  font-weight: 700;
  text-transform: uppercase;
  width: 1200px;
  margin: 0px auto;
}
.nanan_nav_menu-item {
  display: inline-block;
  position: relative;
}
.nanan_nav_menu-item:hover {}
.nanan_nav_menu-item:hover .nanan_nav_submenu {
  display: block;
}
.nanan_nav_submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  left: 0px;
  width: 100%;
  background:#0071ef;filter: alpha(opacity=80); opacity: 0.8;
  overflow: hidden;;
}
.nanan_nav_submenu dd{
border-bottom: 1px solid #8cd1ff;
}
.nanan_nav_submenu-item { width:100%; text-align: center;}
.nanan_nav_submenu-item:hover {
  background:url(i_about.jpg) #003978;  width: 100%; text-align: center;
}