﻿body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333333; font-size:12px;}
img{ border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}

/* head */

body{ background:#f8f8f8  }
.box { width: 1340px; margin: 0 auto }   

.head{ height: 140px; }
h1{ float: left; line-height: 140px; padding-left:26px;  }
.head_inner{ float: right; padding-right: 26px; }
.batten{padding-top:40px; height: 26px; line-height: 26px; overflow: hidden; margin-bottom: 5px; }
.head_pic{ float: left; }
.head_pic a{ padding: 0 6px; }
.lan{ float: left; }
.lan a{ font-size: 14px;  transition: all 0.5s ease 0s; padding: 0 12px; background: url(../image/headbj.jpg) right center no-repeat; }
.lan a:first-child{padding-left:0;}
.lan a:last-child{padding-right:0;}
.lan a:nth-last-child(1){ background: none; font-weight: bold; color: #008cd6}
.head .hot_call{ float: left; font-size: 16px; height: 24px; display: none; line-height: 24px; }
.hot_zi{ font-size:16px; color: #008cd6; font-weight: bold;  margin:0 15px 0 15px;  }
.search{ float: left; background: #dbdbdb; height: 24px; border-radius: 20px; width: 164px;}
.search_txt{ float: left; width: 134px; height: 24px; line-height: 24px; color:#333; background: none;  padding: 0 10px; box-sizing: border-box; border: none; }
.search_sub{ float: right; width:28px; height: 24px; cursor: pointer; border: none;background: url(../image/search.png) center center no-repeat;   }
.lan a:hover{ color: #008cd6; transition: all 0.5s ease 0s; }
.nav{ text-align: center; height:79px;  border-bottom: 1px solid #f0f0f0; background: #fff; box-shadow: 0 0 10px #f4f4f4; }
.nav li{ display: inline-block; margin: 0 40px; height: 80px; position: relative; }
.nav li a{ font-size: 18px; display: block; height: 78px; line-height: 78px; }
.nav li:after { content: ""; position: relative;  display: block;
    width: 0;
    height:4px;
    background: #008cd6;
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0px; bottom: 0px;}
.nav li:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.nav li .show_nav{display:none;width: 200px;background: #fff;position: absolute;left: 50%;top: 80px;z-index: 9999999;color: #333;text-align: center;padding-top: 0;margin-left: -100px;}
.nav li:hover .show_nav{display: block;font-size:14px;color:#333;line-height: 36px;padding:5% 0;background: #fff;}
.nav li:last-child:hover .show_nav{padding:0;}
.nav li .show_nav>a{ font-size: 14px!important; line-height: 30px!important; height: 30px!important; overflow: hidden!important; }
.nav li .show_nav
.nav li:hover .show_nav>a{display: block;background:#fff;width:100%; font-size: 14px!important; height: 36px !important;line-height: 36px !important;color:#333 !important;font-size:14px;}
.nav li:hover .show_nav>a:hover{color:#008cd6 !important;}
.nav_tit{ float: left; padding: 52px 0 0 14px  }

.batten{ float: left; padding: 0; margin: 0 16px 0 0; }
.head_inner{ padding-top: 60px; }
.hot{ float: left; }
.head_pic a img {
    margin-top: 4px;
}



.nav_tian{ color: #008cd6 }
.nav_compy{ display: block; height:28px; line-height: 28px; overflow: hidden; font-size: 20px; letter-spacing: 3.2px;}
.nav_compy span{color: #008cd6}
.led_i{ display: block; height: 20px; line-height: 20px; font-size: 12px; font-family: 'Arial'; text-transform: uppercase;}
.led_i span{letter-spacing: 1px;}
.foot_top{ background: #323232; padding: 20px 0;}
.foot_left{ width: 940px; float: left; }
.foot_nav{ float: left; width: 16.6%; }
.nav_em{ display: block; height:52px !important; line-height: 52px !important; font-size: 16px !important; font-weight: bold !important; overflow: hidden !important; color: #fff !important; }
.foot_nav a{ display: block; height:24px; transition: all 0.5s ease 0s; line-height: 24px; overflow: hidden; font-size: 12px; color: #fff;  }
.foot_right{ float: right; width: 260px; }
.foot_nav a:hover,.foot_bottom a:hover{  transition: all 0.5s ease 0s; }
.link{ margin:13px 0 30px 0; float: right;  }
.link_sel{ background:#808080; width: 218px; height: 28px; border: none; text-indent: 14px; color: #fff; font-size:14px;  display: none;}
.what_div{ float: left; margin-left: 40px;  width: 88px; height: 120px; background: #fff; text-align: center; }
.what_img{ width: 81px; height: 81px; display: block; margin: 6px auto 0; }
.what_img img{ width: 81px; height: 81px; overflow: hidden; }
.what_tit{ display: block; height: 33px; line-height: 33px; overflow: hidden; font-size: 12px; color: #666666; }
.foot_bottom{ height: 48px; line-height: 48px; overflow: hidden; background: #232323; text-align: center; color: #fff; }
.foot_bottom a{ color: #fff;  padding-left:20px;  transition: all 0.5s ease 0s;}
.what{clear: both;}
.pany_left img{width: auto; height: auto; max-width: 100%}
.warp{ width: 1340px; background: #fff; box-shadow: 0 0 10px #f4f4f4; margin: 0 auto 80px; padding: 0 20px 50px; box-sizing: border-box; }
.a_banner{ position: relative;  }
.banner_pic{ padding:102px 105px 0 0; text-align: right;  }
.position{  background: url(../image/bannerbj.png) right center repeat; width: 100%; padding: 0 10px;  height: 80px; box-sizing: border-box; position: absolute;left: 0; bottom: 0; z-index: 99999;  line-height: 80px; }
.position_right{ float: right; font-size: 14px; color:#fff;background: url(../image/add.png) left center no-repeat; padding-left: 20px;  }
.position_right a{ color: #fff; transition: all 0.5s ease 0s; }
.position_right a:hover{color: #ec0000; transition: all 0.5s ease 0s; }
.column{ float: left; }
.column_ul li{ float: left; position: relative; height: 80px; }
.column_ul li a{ display: block; padding: 0 16px;transition: all 0.5s ease 0s;  height:80px; font-size: 16px; color:#fff;  line-height: 80px;background: url(../image/conbj.jpg) right center no-repeat;   }
.column_ul li:nth-last-child(1) a{background: none;} 
.column_ul li a:hover,.column_ul li a.for{ color: #ec0000; transition: all 0.5s ease 0s;  }

.cont_div{ margin-bottom: 50px; }


.cont_dl{ float: left; width: 33.3%; }

.cont_dl dt{ float: left; width:70px; margin-right: 10px; text-align: center; height: 60px; line-height: 60px; background: url(../image/contline.jpg) right center no-repeat; }
.cont_dl dd{ float: left; width: 240px; }
.cont_i{ display: block; line-height: 30px; overflow: hidden;  font-size: 14px; color: #666666 }
.cont_h3{ text-align: center; height: 160px; line-height: 160px; color: #008cd6; font-size: 26px; font-weight: bold; }
.cont_map img{ width: auto; height: auto; max-width: 100% }

.anch_img .cont_dl{width:100%;margin: 24px 0 0}
.anch_img .cont_dl dt{ float: left; width:45px; margin:0 12px; text-align: center; height: 60px; line-height: 60px; background: url(../image/contline.jpg) right center no-repeat; }
.anch_img .cont_dl dd{ float: left;text-align: left; }

.news_dl{ background: #fff; box-shadow: 0 0 10px #f0f0f0;  }
.news_dl dt{ float: left; width: 531px; height: 318px; overflow: hidden; margin-right: 34px; }
.news_dl dt img{width: 531px; height: 318px; overflow: hidden;transition: all 1s ease 0s;}
.news_dl dd{ float: left; width: 772px; }
.news_zi{height:152px; overflow: hidden; line-height:30px; color: #666; font-size: 14px;  }
.news_time{ display: block; height:30px; line-height: 30px; overflow: hidden; color: #999999; margin-bottom: 12px;  }
.news_tit{ display: block; height: 60px; /*transition: all 0.5s ease 0s;*/ line-height: 60px; overflow: hidden; color: #024585; font-size:22px; padding-top: 26px;  font-weight: bold;}
.news_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
/* .news_tit:hover{ transition: all 0.5s ease 0s; transform: translateX(20px); } */
.dl_jour{ margin-top:36px; background: #fff; box-shadow: 0 0 10px #f0f0f0; padding: 18px 36px 18px 0; height: 100px; position: relative; }
.dl_jour dt{ float: left; position: relative; z-index: 9999; width: 125px; margin-right: 34px; border-right: 1px solid #f2f2f2; text-align: center; }
.day_i{ display: block; height:46px; line-height: 46px; overflow: hidden; font-size:36px; font-weight: bold; padding-top: 20px;   }
.year_i{ display: block; height: 30px; line-height: 30px; color: #666666; overflow: hidden; }
.dl_jour dd{ width: 1130px; float: left; position: relative; z-index: 9999; }
.jour_tit{ height: 40px; display: block; line-height: 40px; overflow: hidden; font-size: 20px; /*transition: all 0.5s ease 0s;*/font-weight: bold;}
.dl_jour:hover .jour_tit {
  color: #024585;
}
.jour_zi{ display: block; overflow: hidden; height:40px; line-height: 20px; font-size: 14px; color: #666666  }
.jour_i{ text-align: right; color: #999999; display: block; height: 20px; line-height: 20px; }
.BMap_pop,.BMap_shadow{display: none;}
.dl_jour:hover .jour_tit{color:#024585; /*transition: all 0.5s ease 0s; transform: translateX(20px);*/}
/* .dl_jour:after{content: ""; position: relative;  display: block;
    width: 0;
    height:136px;
    background: #024585;
    transition: all 0.5s ease 0s;
    visibility: inherit;
    position: absolute;
    left: 0px; top: 0px;}
.dl_jour:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.dl_jour:hover .day_i,.dl_jour:hover .year_i,.dl_jour:hover .jour_tit,.dl_jour:hover .jour_zi,.dl_jour:hover .jour_i{ color: #fff; transition: all 0.5s ease 0s; } */


.page{ text-align: center; padding:50px 0;  }
.page a{ display: inline-block; margin: 0 8px;transition: all 0.5s ease 0s; height: 28px; line-height: 28px; font-size: 14px; }
.page_txt{ height: 26px; line-height: 26px; width: 30px; text-align: center; border: 1px solid #d4d4d4; margin: 0 8px; }
.page a:hover{ color: #024585; transition: all 0.5s ease 0s; }


.release{ text-align: center; padding: 70px 0 20px 0; border-bottom: 1px solid #efefef; margin-bottom: 30px; }
.rel{ font-size:30px; font-weight: bold; height: 70px; line-height: 70px; overflow: hidden; color:#008cd6   }
.rel_i{ height: 55px; line-height: 55px; overflow: hidden; color: #999999 }
.return{ font-size: 14px; display: block; float: right; width:95px; height: 27px; background: #e9e9e9; line-height: 27px; text-align: center; border-radius: 5px; color: #33479c; margin: 30px 0;  }
.piece{ padding: 30px 0; border-top: 1px solid #e5e5e5; width: 100%}
.piece a{ display: block; height:30px; line-height: 30px; overflow: hidden; color: #666666; font-size: 14px;  }


.duty_tit{ padding:68px 0 60px 0; text-align: center; height: 100px; overflow: hidden;   }
.duty_i{ height: 50px; line-height: 50px; overflow: hidden; display: block; font-size: 22px; font-weight: bold; color: #333; }

.duty_ul{ margin-left:-40px;  }
.duty_ul li{ float: left; margin: 0 0 20px 40px; cursor: pointer; width:400px; height: 255px; position: relative;  }
.duty_img{ display: block;width:400px; height: 255px; overflow: hidden; }
.duty_img img{width:400px; height: 255px; overflow: hidden; }
.duty_h3{ display: block; height:50px; width: 100%; background: url(../image/dutybj.png) right center repeat; line-height: 50px; font-size: 24px; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0;   }
/* .duty_ul li.on .duty_h3{ color: #ec1b24 } */
.duty_title{ font-size: 22px; font-weight: bold; color: #ec1b24; height:80px; line-height: 80px; color: #ec1b24  }
.duty_word{ border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; }
.duty_news li a{ height: 64px; display: block; line-height: 64px; overflow: hidden; padding-left: 20px; background: url(../image/duty4.jpg) left center no-repeat;}
.duty_left{ display: block; float: left; width: 70%; height: 64px; overflow: hidden; font-size:20px;  }
.duty_right{ display: block; float: right; width: 30%; text-align: right; font-size: 14px; color: #666666; }
.duty_news{ border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; }
.duty_box{ display: none; }



/* join */
.pos dt{ height:50px; line-height:50px; background:#008cd6; font-size:16px; font-weight:bold; color:#fff; margin-bottom:20px;}
.pos dt span{ width:15%; float:left; display:block; text-align:center;}
.pos dt span:first-child{width:40%;}
.recu{ padding:50px 0 20px 0px;}
.recu ul{ cursor:pointer; background:#f7f7f7 url(../image/join1.png) 32px center no-repeat; height:50px; line-height:50px; margin-bottom:20px;}
.pos dd { padding:0 0px 0; }
.pos dd li{width:15%; float:left; display:block; text-align:center; font-size: 14px;}
.pos dd li:nth-child(1){ color: #ec1b24;width:40%;padding-left:60px;text-align: left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none; color:#666666; line-height:34px; padding:30px 80px; display:none; font-size: 14px; }
.req_i{ font-weight: bold; color: #333; }
.recu ul.act li{ }
.recu ul.act li:nth-child(1){ display: block; }

.organ_pic{ padding:130px 0 0 0; text-align: center;  }

.organ_div{ margin: 0 0 0 -46px; padding-top: 50px; }
.organ_div li{ float: left; margin: 0 0 28px 46px; width:627px;  box-sizing: border-box; border: 4px solid #fff; }
.organ_div li a{ display: block;border: 1px solid #dedede;padding: 10px 30px; }
.organ_h3{ font-size: 22px; height:50px; line-height: 50px; overflow: hidden;  }
.organ_zi{ height: 110px; overflow: hidden; line-height:36px;color: #666666;font-size: 14px;}
.organ_zi i{ display: block; height: 36px; line-height: 36px; color: #666666; font-size: 14px; overflow: hidden; }
.organ_h3 span{ color: #ec0000; font-weight: bold; }
.organ_div li:hover{ border: 4px solid #008cd6; transition: all 0.5s ease 0s; box-sizing: border-box; }
.organ_div li:hover a{ border: 1px solid #fff;}


.bran{padding:20px 20px 0; background: #fff; }
.bran_left{ float: left;width: 328px; height: 279px; }
.bran_i{ display: block; height:52px; line-height: 52px; overflow: hidden; text-align: center; font-size: 36px; padding-top: 30px;  }
.bran_sub{ display: block; height:42px; line-height: 42px; font-size:24px; text-align: center; overflow: hidden; margin-bottom: 10px;   }
.bran_zi{ height:46px; line-height: 23px; overflow: hidden; margin-bottom: 40px;  }
.bran_word{ display: block; height: 23px; overflow: hidden; text-align: center; font-size: 12px; color: #666666; }
.bran_see{ display: block; height: 30px; line-height: 30px; overflow: hidden; text-align: center; font-size: 12px; color: #666666; }
.bran_right{ float: left; width: 972px; }
.bran_right li{ width: 33.3%; float: left; }
.bran_img{ height: 224px; overflow: hidden; }
.bran_h3{ text-align: center; height: 55px; line-height: 55px; overflow: hidden; font-size: 14px;background: #f8f8f8; }

.cpec{ margin-bottom:22px; background: #fff;  }
.o_banner{ margin-bottom: 0; }

.cpec{padding:0 20px 20px; background: #fff; margin-bottom: 20px; }
.cpec_left{ background: #104fab; height: 266px; padding-left: 43px; box-sizing:border-box;}
.cpec_left .bran_i{ color: #fff; padding-top: 68px; text-align: left; }
.cpec_left .bran_sub{ color: #fff;text-align: left; }
.cpec_left .bran_see{ color: #fff; text-align: left;}

.cpec_right{ float: left; }
.cpec_dl{ float: left; margin-left: 30px; width: 456px; padding-top: 60px;background: url(../image/dlbj1.jpg) right center no-repeat; height: 206px; }
.cpec_dl dt{ float: left; width:94px; text-align: center;  }
.cpec_dya{ display: block; height:62px; line-height: 62px; overflow: hidden; font-size:52px;   }
.cpec_year{  display: block; height:28px; line-height: 28px; font-size: 16px;  }
.cpec_dl dd{ float: left; width: 340px; }
.cpec_tit{ display: block; height:28px; line-height: 28px; overflow: hidden; font-size: 18px; color: #666;  margin-bottom: 14px; }
.cpec_word{ height:40px; line-height: 20px; overflow: hidden; font-size: 14px; color: #676767; margin-bottom: 40px;  }
.cpec_see{ display: block; height:26px; line-height: 26px; display: block; font-size: 14px; color: #666;  }
.local{ padding-top: 20px; }

.local .cpec_left{ background: #fff; }
.local .bran_i{ color: #333;  }
.local .bran_sub{ color: #333; }
.local .bran_see{ color: #333;}
.local .cpec_right{ background: #058ed7; height: 266px; }
.local .cpec_dya,.local .cpec_year,.local .cpec_tit,.local .cpec_word,.local .cpec_see{ color: #fff }
.local .cpec_dl{background: url(../image/dlbj.jpg) right center no-repeat; height: 206px; margin-left: 30px; }
.cpec_dl:nth-child(even){ background: none; }
.anch_left{background: #104fab;}
.anch_right{ width: 972px; float: left; }
.anch_img{ float: left; width: 330px; height: 276px; overflow: hidden; }
.anch_pic{ float: left; width:642px; height: 340px; overflow: hidden;  }
.anch_box{ padding-bottom: 20px; margin-bottom:40px;  }
.anch_left{ height: 276px; padding: 0; text-align: center; }
.anch_left .bran_i{ text-align: center; padding-top:80px; }
.anch_left .bran_sub{ text-align: center; }
.anch_left .bran_word{ color: #fff; }
.anch_left .bran_zi{ height: 95px; }
.anch_left .bran_see{ text-align: center; }
.anch_left .bran_zi{ margin-bottom: 15px; }
.bran_zi{text-align: center;font-size: 12px;color: #fff;}
.phone_banner{ display:none;}
.flex-direction-nav{ display: none; }
.flexslider {width: 100%;height:auto; margin:0 auto; overflow:hidden; box-sizing: border-box; position: relative; }
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides li img{transition: 8s ease 0s;}
.slides {width:100%; height:auto;}
 .slides li.flex-active-slide img{ } 
.flex-control-nav { width: 1340px; text-align: right; bottom: 38px; left: 50%; margin-left: -670px; position:absolute; z-index: 999999  }
.flex-control-nav li{ display: inline-block; margin: 0 10px; }
.flex-control-nav li a{ display: block;background: url(../image/tab.png) 0px center no-repeat; font-size: 0; width: 14px; height: 14px; }
.flex-control-nav li a.flex-active{background: url(../image/tab1.png) 0px center no-repeat; }

.enterprise{ margin:30px 0; background: #ffffff; height: 70px;
    box-shadow: 0 0 10px #e5e5e5;  }
.dynamic{ margin-bottom:30px; background: #fff; box-shadow: 0 0 10px #e5e5e5; padding: 0 26px 34px; }
.dyn_tit{ display: block; height:80px; overflow: hidden;  }
.dyn_h3{ float: left; height: 80px; line-height: 80px; font-size: 24px; color: #da050d }
.dyn_line{ display: block; float: left; width: 1080px; margin: 40px 0 0 10px; height: 1px; background: #ededed;  }
.dyn_see{ float: right; width: 90px; transition: all 0.5s ease 0s; height: 80px; font-size: 14px; color: #2057a5; line-height: 80px;}
.dyn_see:hover{ font-weight: bold; transition: all 0.5s ease 0s; }
.mic_right{ float: right; width:690px;  }
.mic_dl dt a{ color: #024585;transition: all 0.5s ease 0s;  font-size: 20px; display: block; line-height: 24px; overflow: hidden;font-weight:bold;}
.mic_i{ display: block; height:30px; line-height: 30px; overflow: hidden; color: #999999  }
.mic_word{ height:90px; line-height: 30px; overflow: hidden; font-size: 14px; color: #666666; padding-bottom: 14px; border-bottom: 1px dotted #ebebeb  }
.mic_ul li{transition: all 0.5s ease 0s;}
.mic_ul li a{background: url(../image/index3.jpg) 0px center no-repeat; padding-left: 20px; display: block; height:40px; line-height: 40px; overflow: hidden; color: #666666; font-size: 15px; font-weight: bold;}
.mic_ul li:hover a{ color: #07539c; /*transition: all 0.5s ease 0s;*/background: url(../image/index4.jpg) 0px center no-repeat;  }
/* .mic_ul li:hover{ padding-left: 20px; transition: all 0.5s ease 0s;} */
.mic_ul { padding-top: 12px; }
.mic_dl dt a:hover{ transition: all 0.5s ease 0s; transform: translateX(10px); }
.mic_left{ float: left; width: 570px; height: 340px; overflow: hidden; position: relative; }

.cies_tab{ text-align:right; height:54px; line-height:54px; z-index: 999999; position: absolute; bottom: 0; right: 10px; }
.cies_tab li{ width:8px; height:8px;  border-radius: 8px; display: inline-block; text-align: center;  background:#6e6e6e ; color: #fff; margin:0 3px; cursor:pointer;}
.cies_tab li.on{ background:#014099; color: #fff; }

.cies_banner .flex-control-nav { text-align:right;display: block; width: 100%; left: inherit; height:8px; line-height:8px; z-index: 999999; position: absolute; bottom: 25px; right: 10px; }
.cies_banner .flex-control-nav  li a{ width:8px; height:8px; font-size: 0;  border-radius: 8px; display: block;  text-align: center;  background:#fff ; color: #fff; margin:0 3px; cursor:pointer;}
.cies_banner .flex-control-nav  li a.flex-active{ background:#014099; color: #fff; }
.cies_banner .flex-control-nav  li{display: inline-block; margin: 0 3px; width: 8px; height: 8px; border-radius: 8px;  }
.cies_ul{ width: 570px; height: 340px;  position:relative; overflow:hidden;}
.cies_ul li{ width:10000px; position:absolute; left:0; top:0;}
.cies_ul li span{float:left; margin-right:30px; border:1px solid #c6e3ff; display:block;width:214px; height:314px; transition:all 0.5s ease 0s;}
.cies_ul li span:hover{ -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #c6e3ff;transition:all 0.5s ease 0s;}
.cies_ul li img{width: 570px; height: 340px; transition: all 1s ease 0s; overflow: hidden;}
.cies_ul li{width: 570px; height: 340px; position: relative;  overflow: hidden;}
._mic_h3{ height: 54px; line-height: 54px; position: absolute; background: url(../image/bannerbj.png) 0px center repeat;left: 0; width: 100%; bottom: 0; font-size: 16px; color: #fff;  }
.ci_i{ display: block; width: 70%; padding-left: 10px; box-sizing: border-box; }
.cies_ul li:hover img{ transform: scale(1.1); transition: all 1s ease 0s; }
.main{background: url(../image/indexbj.jpg) left center no-repeat; width: 100%; height: 557px; padding: 26px 53.1px 0; box-sizing: border-box; }
.main_ul {/*border-right: 1px solid #e5eeff;border-bottom: 1px solid #e5eeff;*/ }
.main_ul li{ float: left;  width:308px; height: 248px; border-left: 1px solid #e5eeff;border-top: 1px solid #e5eeff; box-sizing: border-box;   }
.mic_img{ display: block; height: 80px; line-height: 80px; padding-top: 50px; text-align: center; }
.main_ul li:nth-child(1){ background: none; border-left: none; border-top: 0;margin-top: 8%; }
.mic_tit{ display: block; font-size: 30px; transition: all 0.5s ease 0s;height:34px; line-height: 34px; text-align: center;  }
.micword{ display: block; height: 30px;transition: all 0.5s ease 0s; line-height: 25px; text-align: center; color: #666666;padding: 0 5px 0 5px;}
.main_dl{ margin: 106px 0 0 60px }
.main_dl dt{ height: 50px; line-height: 50px; float: left; color: #da050d; margin-right: 6px; font-size: 60px; }
.main_dl dd{ float: left; width: 215px; }
.main_bus{ display: block; height:33px; line-height: 33px;color: #da050d;  font-size: 30px; font-weight: bold; overflow: hidden; }
.ain_i{ display: block; height:18px; line-height: 18px;color: #da050d; font-size: 16px;    }
.wel{ text-align: center; height:500px; padding: 0 10px; box-sizing: border-box;  box-shadow: 0 0 10px #e5e5e5; line-height: 500px;background: #fff; margin-bottom:80px;  }
.wel img{ width: auto; height: auto; max-width: 100% }
.mic_img img{ transition: all 0.5s ease 0s; }
.main_ul li:hover .mic_img img{ transform: translateY(-20px); transition: all 0.5s ease 0s; }
.main_ul li:hover .mic_tit,.main_ul li:hover .micword{ color: #008cd6; transition: all 0.5s ease 0s; }
.col_inner{ position: absolute; display: none; padding: 10px 0; top: 80px; left: -35px; width: 180px; text-align: center; background: #fff; z-index: 9999; }
.column_ul li .col_inner a{ padding: 0; background: none; display: block; font-size: 15px; font-weight: bold; height: 46px; line-height: 46px; color: #666666; overflow: hidden; }
.column_ul li .col_inner a:hover{ background: none; color: #e90003 }
.column_ul li:hover .col_inner{ display: block; }
.tion{margin:0 0 50px -15px;}
.tion_dl{ margin:0 0 30px 15px; padding: 25px 30px 0; box-sizing: border-box; box-shadow: 0 0 10px #f0f0f0; float: left; width:662px; height: 148px; background: #fff; }
.tion_div{ height:  }
.tion_word{ height:66px; line-height: 22px; overflow: hidden; font-size:13px; color: #666666;   }
.tion_dl dt{ width: 515px; float: left; border-right: 1px solid #d4d4d4; height: 100px; padding-right: 30px; box-sizing: border-box; }
.tion_div{ height:42px; line-height: 42px; overflow: hidden;  }
.tion_title{ float: left; width:380px; overflow: hidden; max-height: 42px;  line-height: 21px; font-size: 16px; font-weight: bold;  }
.tion_title:hover{color:#024585;}
.tion_time{ display: block; float: right; height: 42px; color: #666666; font-size: 12px; font-weight: bold; }
.tion_dl dd{ float: right; width: 60px; }
.tion_pic{ display: block;background: url(../image/down.jpg) left center no-repeat; width: 60px; height: 72px; }
.tion_tit{ display: block; height: 50px; line-height: 50px; font-size: 14px; font-weight: bold; text-align: center; }

.sta_tit{ font-size: 22px; height:140px; line-height: 140px; font-weight: bold; border-bottom: 2px solid #008cd6;  }
.sta_ul{ border-left:1px solid #e9e9e9; margin-bottom: 100px;  }
.sta_ul li{ float: left; width: 324.75px;overflow: hidden; position: relative; height: 187px; border: 1px solid #e9e9e9; border-top: none; border-left: none; padding: 0 24px; box-sizing: border-box; }
.sta_left{ float: left; width: 224px; }
.sta_div{ height: 48px;/*transition: all 0.5s ease 0s;*/  line-height: 24px; overflow: hidden; font-size: 14px; color: #999999  }
.sta_h3{ height: 42px;/*transition: all 0.5s ease 0s;*/  line-height: 42px; overflow: hidden; font-size: 18px; color: #666666; text-align: center;margin: 39% auto; }
.sta_right{ float: right; width: 40px;  position: relative; padding-top: 44px; height: 90px; line-height: 90px; text-align: right; }
.sta_pic1{ position: absolute; right: 0; top: 44px;/*transition: all 0.5s ease 0s;*/ width: 64px; height: 90px; line-height: 90px; text-align: right; }
.sta_pic2{ position: absolute;  right: -100px; top: 44px;/*transition: all 0.5s ease 0s;*/ width: 64px; height: 90px; line-height: 90px; text-align: right; }
.sta_ul li:after{ content: ""; position: relative;  display: block;
    width: 0;
    height:187px;
    background: #008cd6;
    /*transition: all 0.5s ease 0s;*/
    position: absolute;
    left: 0px; top: 0px;
    }
.sta_ul li:hover:after { width: 100%; /*transition: all 0.5s ease 0s;*/ }
.sta_ul li a{ display: block; position: relative; z-index: 999999; width: 100%; height: 100% }
.sta_ul li:hover .sta_h3,.sta_ul li:hover .sta_div{ color: #fff; /*transition: all 0.5s ease 0s; */}
.sta_ul li:hover .sta_pic1{ right: -100px;/*transition: all 0.5s ease 0s;*/ }
.sta_ul li:hover .sta_pic2{ right: 0px;/*transition: all 0.5s ease 0s;*/ }
.sta_i{background: url(../image/sta7.png) center center no-repeat; display: block; width: 100%; height: 100% }

.nat{ padding: 30px 0; /*border-top: 1px solid #dbdbdb;*/ }

.cul_h3{ font-weight: bold; font-size: 30px; text-align: center; color: #ec1b24; height: 180px; line-height: 180px; }
.cul_ul{ margin-left:-18px;  }
.cul_ul li{ float: left; margin: 0 0 0 18px; width: 311px; height: 556px; text-align: center; }
.cul_ul li img{ width: auto; height: auto; max-width: 100% }

.ent_left{ float: left; width: 250px; }

.ent_left a{ display: block; text-align: center; height:30px; line-height: 30px; width: 100px; border: 1px solid #2057a5; border-radius: 20px; float: left; margin:20px 0 0 20px; font-size: 12px; color: #2057a5;   }
.ent_right{ float: left; padding-left: 50px; width: 1000px; }
.ent_txt{ background: #f2f2f2  url(../image/log1.png) 18px center no-repeat; float: left; border: none; margin:20px 30px 0 0; height: 32px; line-height: 32px; width: 240px; border-radius: 3px; padding-left:42px; color: #919191; font-size: 12px; box-sizing: border-box;  }
.ent_sub{ float: left; cursor: pointer; width: 117px;transition: all 0.5s ease 0s; margin-top: 20px; height: 30px; line-height: 30px; border: 1px solid #245aa7; background: #245aa7; color: #fff; border-radius: 5px; }
.yz_txt{ background: #f7f7f7; width: 110px; padding-left: 14px; }
.ent_left a.on{background: #2057a5; color: #fff;}
.yz{ display: block; float: left; height: 24px; line-height: 24px; margin: 25px 30px 0 0; }
.ent_sub:hover{ background: none; color: #245aa7; transition: all 0.5s ease 0s; }
.ent_txt:nth-child(2){ background: #f2f2f2  url(../image/log2.png) 18px center no-repeat;}
.ent_inner{ display: none; }
.ent_he{ float: left; }
.foot_recu{ padding:0px 0 0px 0px; display:none;}
.foot_recu ul{ cursor:pointer;}
.foot_pos dd li{ line-height:42px; color:#333; height:42px;padding-left:20px; font-size:14px;  position:relative;background:#303030; color:#fff; border-bottom:1px solid #616161;}
.foot_con p,.foot_con a{ display:block; height:38px; line-height:38px; background:#dcdcdc; border-bottom:1px solid #bcbcbc; text-indent:20px;}
.foot_con { display:none;}
.foot_pos li .jia{ position:absolute; top:17px; right:10px; background:url(http://www.cpec.net.cn/template/en/images/shang.png) left center no-repeat; width:18px; height:9px;}
.foot_recu dd .act li{ color:#fff;} 
.foot_recu dd .act li .jia{position:absolute; top:17px; right:10px; background:url(http://www.cpec.net.cn/template/en/images/xia.png) left center no-repeat; width:18px; height:9px;}

.cata{ height: 80px; position: relative;  width: 100%;  margin-bottom: 38px; margin-top: -80px; }

#clo{ position: absolute; right: -15px; top: -15px; background:url(../image/colose.png) left center no-repeat; cursor: pointer; width: 20px; height: 20px; display: block; }

.banner_tit1{ font-size: 48px; font-weight: bold; color: #fff; display: block; height: 60px; line-height: 60px; margin-bottom: 20px; }
.banner_tit2{ font-size: 36px; font-weight: bold; color: #fff; display: block; height: 48px; line-height: 48px; overflow: hidden; }
.banner_tit3{ font-size: 32px; font-weight: bold; color: #fff; display: block; font-family: 'Arial'; height: 48px; line-height: 48px; overflow: hidden; }
.pic_inner{ display: inline-block; width:700px; text-align: center;}
.pic_he{ text-align: center; padding-right: 0; }
.pic_organ{ padding-top:140px; padding-left: 250px; }

.pages{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
.pags-item{
  display: inline-block;
padding:3px 10px;
  font-size: 14px;
  text-align: center;
  color: #666;
  line-height: 24px;
  margin: 0 3px;
  background: #f4f4f4;
}

.pags-item.show{
  color: #fff;
  background: #008CD6;
}

.news{padding-bottom:50px;}
.event_ul {  }
.event_ul li{ float: left; margin: 0 0 48px 0px; width: 33.3%; padding: 0 5px; box-sizing: border-box; text-align: center; height: 256px; overflow: hidden; }
.event_ul li img{ width: auto; height: auto; max-width: 100% }



.year_h3{ font-size: 30px; font-weight: bold; color: #ec1b24; height: 40px; line-height: 40px; padding-top:70px; text-align: center;   }
.year_end{ display: block; float: right; width:118px; margin-bottom: 40px; height: 34px; transition: all 0.5s ease 0s; line-height: 34px; border: 1px solid #dfdfdf; text-align: center; font-size: 14px; color: #666666; background: #dfdfdf;  display: block;  }
.year_end:hover{ background: none; transition: all 0.5s ease 0s; }

.year_ul{ margin-left: 43px; clear: both; }
.year_ul li{ float: left; margin: 0 0 48px 36px; width: 356px; height:256px; overflow: hidden;  }
.year_ul li img{ width: auto; height: auto; max-width: 100% }

.mess_h3{ font-size: 28px; font-weight: bold; height: 50px; line-height: 50px; padding-top: 50px; color: #de0000; }
.mess_tit{ height: 34px; line-height: 34px; overflow: hidden; display: block; font-size:14px; color: #999999  }

.mess_left{ float: left;background:url(../image/mess2.jpg) left top no-repeat; width: 504px; margin-top: 63px; height: 500px; padding-left: 62px; box-sizing: border-box;  }
.mess_dl{ padding-top: 28px; margin-bottom: 14px; }
.mess_dl dt{ float: left; height: 36px; line-height: 36px; margin-right: 12px; }
.mess_dl dd{ float: left; }
.hot_i{ display: block; height: 16px; line-height: 16px; overflow: hidden; color: #999999 }
.hot_call{ display: block; height: 20px; line-height: 20px; overflow: hidden;  font-size: 18px; }
.add_i{ font-size: 14px; display: block; overflow: hidden; height:auto; line-height: 22px; color: #666666;  }
.mess_add{ margin-bottom: 14px; }
.sweep_left{ width: 178px; float: left; }
.sweep_img{ border: 1px solid #dedede; display: block; text-align: center; padding: 12px; }
.sweep_tit{ display: block;background:url(../image/mess7.jpg) left top no-repeat; height: 47px; line-height: 47px; text-align: center; overflow: hidden; font-size: 12px; font-weight: bold; color: #de0000;  }
.sweep_right{ float: left; }

.mess_right{ float: right;background:url(../image/mess1.jpg) left top no-repeat; width: 784px; height: 559px; padding: 128px 120px 0 53px; box-sizing: border-box; }

.mess_bnt{ font-size: 16px; display:inline-block; cursor: pointer; width:148px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #4d88cf; background: #4d88cf; color: #fff; margin-left:10px;   }
.mess_bnt1{ background: #e4e4e4; border: 1px solid #e4e4e4; color: #666666 }
.mess_sub{  padding-right: 30px; }
.mess_div{ margin-bottom:16px;  }
.mess_he{ float: left; width:50%;   }
.mess_txt{ float: left; height:48px; width: 279px; border: 1px solid #dedede; padding-left: 15px; box-sizing: border-box; font-size:14px; color: #888888   }
.mess_xing{ display: block; float: left; height: 50px; line-height: 50px; color: #ff1e00; padding-left:6px;  }
.mess_eml{ width: 583px; }
.mess_area{width: 583px;border: 1px solid #dedede; float: left; resize: none; padding: 15px; box-sizing: border-box; font-size:14px; color: #888888; height: 127px;  }
.sub_right{ float: right;text-align: right; }
.sub_left{ float: left; line-height: 50px; }
.yzsub{ width: 120px; margin-right: 10px; }



	 .root{background:url(http://www.cpec.net.cn/template/en/images/footimg.jpg) center top no-repeat; position: relative;  box-sizing: border-box; height: 326px;} 
	 .root_inenr{ height:30px; width: 100%; position: absolute; left: 0; bottom: 0; line-height: 30px;background:url(http://www.cpec.net.cn/template/en/images/footimgbj1.png) center top repeat; text-align: center; font-size: 12px; color: #c6c5c2  }
	 .root_inenr a{ color:#c6c5c2; padding-left: 5px; }
	.root_box{ padding-top: 80px; }
	.root_ul{  position: relative; }
	.root_ul li{ height:32px; width: 120px;  }
	.root_ul li a{ display: block; width: 120px; height: 32px;line-height: 32px; overflow: hidden; font-size:16px; opacity:.6; color:#fff; background:url(../image/footimg1.png) right center no-repeat;  }
	.root_ul li.on a{background:url(../image/footimg2.png) right center no-repeat; opacity: 1;  }
	.root_nav{ position: absolute; padding-top: 5px; box-sizing: border-box; display: none; width: 127px; height: 210px; left: 118px; top: 0;background:url(http://www.cpec.net.cn/template/en/images/footimgbj.png) right center repeat; }
	.root_ul li .root_nav a{ display: block; overflow: hidden; background: none; opacity: 1; text-indent: 23px; width: 100%; height:22px; line-height: 22px; font-size: 12px; color: #fff;   }
	
	.foot{ display: none; }