body{ font-family:Arial, Helvetica, sans-serif;}
input, textarea{ outline:none;}
ul,li{ list-style:none outside; padding:0; margin:0; }
ul,ol{list-style: none; padding:0; margin:0;}
.fl{ float:left;}
.fr{ float:right;}
i{ font-style:normal}
.red{ color:#ff0000 !important;}
/* nav*/
.navbar{border-bottom:none;position:relative;min-height:50px;margin-bottom:0;border:none;}
.navbar-default{background:#173854 !important;border:none; font-size:16px; font-weight:bold; height:50px;}
.navbar-default .navbar-brand{color:#fff;}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff;background-color:transparent;}
.navbar-default.navbar-text{color:#fff;}
.navbar-default .navbar-nav>li.active{ background:#01708f;}
.navbar-default .navbar-nav>li>a{color:#fff; background:#173854;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:transparent; background:#01708f;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#01708f;}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#fff;background-color:transparent; background:#20425e;}

.navbar-default .navbar-toggle{background-color:#20425e; }
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#20425e; color:#fff;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:#01708f;}
.navbar-default .navbar-nav>li{ margin-right:72px;}
.navbar-default .navbar-nav>li:last-child{ margin-right:0;}

/* header*/
.header{ width:1200px; margin:0 auto; height:150px;}
.header h2{ display:block; width:604px; float:left;}
.headrgt{ width:208px; float:right; margin-top:30px;}
.headrgt h4{ width:100%; display:block; margin-bottom:10px; font-size:14px; color:#999; text-align:right;}
.headrgt h4 a{ color:#333; margin:0 10px;}
.headrgt p{ float:right; width:100%; height:36px; background:#efefef; border-radius:18px;}

.headrgt p input{ display:block; float:left; width:160px;height:36px; line-height:36px; border:none; background:none; margin-left:10px;}
.headrgt p a{ display:block; float:right; width:38px; text-align:left;}
.headrgt p a img{ margin-top:4px;}

.m_ssicon{ display:none;}
.m_ssbox{ display:none;}

/* footer*/
.footerlink{ width:100%; background:#173854; color:#01708f; padding:30px 0; font-size:16px;}
.footerlink ul{ width:1200px; margin:0 auto;}
.footerlink ul li{ width:17.5%; float:left; text-align:center;}
.footerlink ul li.long{ width:30%;}
.footerlink ul li a{ color:#01708f;}

#footer{ width:100%; background:#01708f; color:#42b0cf; padding:20px 0; font-size:16px;}
#footer p{ width:1200px; margin:0 auto; text-align:center;}

/* layout*/
.containbox{ width:1200px; margin:0 auto; margin-bottom:50px;}
.mainbox{ width:1200px; margin:0 auto; margin-bottom:50px;}
.mainboxcon{ width:100%; margin:0 auto;}

.row { width:100%; margin:0 auto; padding:0;}
.row .row {margin-top: 0;margin-bottom: 0; padding:0;}
[class*="col-"] { padding-top: 0; padding-bottom: 0;}
.col-md-8{ width:818px; padding:0; margin:0; position:relative;}
.col-md-6{ width:50%; padding:0; margin:0; }
.col-md-4{ width:350px; float:right;}
.col-md-3{ width:30%; padding:0; margin:0; float:left; }
.col-md-7{ width:70% !important; padding:0; margin:0; float:right !important;  }

.col-md-lef{ width:64%; padding:0; margin:0; float:left; }
.col-md-rgt{ width:29.5%; padding:0; margin:0; float:right; }

/* title*/
.tit_all{ width:100%; clear:both; height:40px; }
.tit_all p{ font-size:26px; color:#000; display:block; float:left; width:79%; font-weight:bold; }
.tit_all p a{ color:#000;}
.tit_all span{ font-size:16px; color:#01708f; display:block; float:right; width:20%; text-align:right;}
.tit_all span a{ color:#01708f;}

.titline{ width:100%; clear:both; height:24px; background:url(czben_line.png) left center repeat-x; margin-bottom:30px; margin-top:10px;}
.titline span{ display:block; float:left; height:24px; line-height:24px; padding-right:10px; font-size:20px; color:#01708f; font-weight:bold; background:#fff;}
.titline span a{color:#01708f;}

/* HomeSlide*/
.slideBox_mbox{ display:none;}

.align_catg {line-height:25px;float:right;padding-left:5px;}
.categ_color_p {float:right;margin-bottom:0px!important;padding-left:5px;}
.feature_cat .link-more {background:none!important;text-transform:none;font-weight:normal;padding-left:0px!important;}
.feature_cat .icon_cat {padding-left:0px!important;}
.feature_cat .link-more:hover {text-decoration:line-through;}
.align_catg img  {float:right}
.icon_cat  {padding-left:26px;line-height:23px;display:block;float:left;font-family:'edelsansRegular', Verdana;font-size:11px;text-transform:uppercase;}

#feature_list {width: 1200px;height: 446px; margin:0 auto; margin-top:50px; margin-bottom:50px; overflow: hidden;position: relative;z-index:1;}
#feature_list ul {position: absolute;top: 0;list-style: none;padding: 0;margin: 0;}

#feature_tabs {right: 0;z-index: 2;width: 440px; font-family:Georgia, "Times New Roman", Times, serif;}
#feature_tabs li {width:440px; padding:20px; height:148.5px; color: #000;background:#fff; border-bottom:1px solid #ebebeb; line-height:220%; font-weight:bold;}
#feature_tabs li:hover {cursor:pointer;}
#feature_tabs li.current {background:#efefef; border-right:6px solid #173854;}

#feature_tabs li .link-title {color:#000;font-size:20px}

#feature_output {top:0;right: 0;width:1200px;height: 446px;position: relative;margin:0;padding:0;}
#feature_output li {position: absolute;width: 1200px;height: 446px;margin:0;}
#feature_output li a {position: absolute;top: 0;left: 0;width:760px;height:446px;}
#feature_output li img{ width:760px; height:446px;}
.feature_cat {text-align:right;padding:10px 0}

/* Home_news*/
.newsbox{ width:396px;}

.media{ border-bottom:1px solid #ebebeb; padding-bottom:30px; }
.media .media-left img{ width:190px; height:120px;}
.media .media-body{padding-top:0; }
.media .media-body h4{ color:#000; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:0; line-height:160%; word-wrap:break-word;}
.media .media-body h4 a{ color:#000;}
.media .media-body span.date{ font-size:14px;}

.speechbox{ width:100%; clear:both; margin-top:25px;}
.speechbox .lefspeech{ display:block; float:left; width:395px; height:170px; background:#173854 url(czben_bgspeech2.jpg) right bottom repeat}
.speechbox .lefspeech span{ display:block; width:86%; margin:0 auto; font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin-top:30px; color:#fff; line-height:180%;}
.speechbox .lefspeech a{ color:#fff;}
.speechbox .rgtspeech{ display:block; float:right; width:395px; height:170px; background:#01708f url(czben_bgspeech1.jpg) right bottom repeat}
.speechbox .rgtspeech span{ display:block; width:86%; margin:0 auto; font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin-top:30px; color:#fff; line-height:180%;}
.speechbox .rgtspeech a{ color:#fff;}

/* Home_policies-data*/
.policiesbox{ width:100%; border-bottom:1px solid #01708f; border-left:1px solid #01708f; border-right:1px solid #01708f; border-top:6px solid #01708f; margin-top:20px; margin-bottom:30px;}
.policiesbox ul{  width:92%; margin:0 auto; margin-top:30px; margin-bottom:40px; }
.policiesbox ul li{ width:96%; line-height:160%; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; margin-bottom:25px; word-wrap:break-word; padding-left:4%; background:url(czben_icon11.png) left 6px no-repeat;  }
.policiesbox ul li a{ color:#000;}

/*Home_International cooperation*/
.tit_cooper{ width:100%; height:44px; line-height:44px; clear:both; background:#efefef; margin-bottom:20px;}
.tit_cooper span{ padding-left:20px; color:#02708f; font-size:16px; font-weight:bold;}
.tit_cooper span a{color:#02708f;}

.coopercon{ border-bottom:none; padding-bottom:30px; }
.coopercon .media-left img{ width:80px; height:80px;}

/* Home_About*/
.idx_aboutbox{ width:100%; margin-top:30px;}
.idx_aboutcon{ width:100%; height:118px; padding:0; margin:0;border-bottom:1px solid #fff; clear:both;}
.idx_aboutcon a{ display:block; width:100%; height:117px; background:#efefef;}
.idx_aboutcon dt{ width:35%; float:left; line-height:117px; text-align:center; }
.idx_aboutcon dd{ width:65%; float:left; padding-top:50px; font-size:16px; color:#000; }
.idx_aboutcon a:hover{ background:#173854;}
.idx_aboutcon a:hover dd{ color:#fff;}

/* pagination*/
.paginationbox{ width:100%; text-align:center !important; padding-top:10px; padding-bottom:10px;}
.paginationbox li a{ margin-right:4px; margin-bottom:4px;}

.pagination>li>a,.pagination>li>span{color:#000;background-color:#fff;border:1px solid #a1dae5; font-size:16px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#fff;border-color:#a1dae5}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:#fff;background-color:#01708f;border-color:#01708f}

/* breadcrumb*/
.breadcrumbox{ width:100%; padding:6px 0; border-bottom:1px solid #000; margin-bottom:40px;}
.breadcrumbox ol{ width:1200px; margin:0 auto; font-size:16px; clear:both;}
.breadcrumbox ol li a{ color:#000; font-size:16px;}
.breadcrumb>.active{color:#000}

/* Listpage--LefnavListpage*/
.listpage .media-body{ max-width:100% !important; width:100% !important; word-break: break-all;}
.listpage .media-body h4{ width:100%; color:#000; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:0; line-height:150%;}
.listpage .media-body h4 a{ color:#000;}
.listpage .media-body span{ font-size:14px; color:#666666;}
.listpage .media-body p{ font-size:16px; line-height:150%; margin-top:15px; color:#666666;}

.lefnav_list{ width:320px; float:left;}
.lefnav_list ul li{ width:100%; font-size:20px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
.lefnav_list ul li a{ display:block; width:320px; padding:15px; background:url(czben_lefnavbg2.png) right center repeat-y; color:#fff; margin-bottom:2px;}
.lefnav_list ul li a.on{background:url(czben_lefnavbg1.png) right center repeat-y;}
.lefnav_list ul li a:hover{background:url(czben_lefnavbg1.png) right center repeat-y; text-decoration:none;}

/* contentPage*/
.conpagebox{ width:100%;}
.conpageh2{ width:100%; font-size:32px;font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; line-height:120%; margin-bottom:40px; word-wrap:break-word;}
.lyfb{ width:100%; color:#666;margin-bottom:30px;}
.lyfb i{ padding:0 20px;}
.lyfb a{ color:#666;}
.lyfb img{ margin-right:5px;}
.conpagecon{ width:100%; line-height:180%; font-size:18px; font-weight:normal;margin-bottom:40px;}
.conpagecon p{ margin-bottom:20px;}
.conpagecon img{ max-width:100% !important;}
.lyfb_m{ display:inline;}

/* Searchpage*/
.searbox{ width:740px; height:50px; line-height:50px; background:#efefef; border-radius:25px; margin-bottom:20px;}
.searbox input{ width:680px; padding-left:10px; display:block; float:left; height:50px; line-height:50px; border:none; background:none;}
.searbox a{ width:50px; display:block; float:right; height:50px; line-height:50px; border-radius:50%; background:#01708f; color:#fff; font-size:20px; text-align:center;}
.seartiao{ width:100%; clear:both; color:#01708f; font-size:18px; margin:0 auto; margin-bottom:40px;}

/* Aboutpage*/
.tit_about{ width:100%; clear:both; height:40px; }
.tit_about p{ font-size:26px; color:#000; display:block; float:left; width:100%; font-weight:bold; }
.tit_about p a{ color:#000;}

.titlineabout{ width:100%; clear:both; height:24px; background:url(czben_line.png) left center repeat-x; margin-top:30px;}
.titlineabout span{ display:block; float:left; height:24px; line-height:24px; padding-right:10px; font-size:20px; color:#01708f; font-weight:bold; background:#fff;}
.titlineabout span{color:#01708f; }

.aboutpic{ width:100%; clear:both; padding-top:50px;}
.aboutpic li{ width:33.333%; float:left; text-align:center;}
.aboutpic li.long{ width:100%; }
.aboutpic li img{ width:156px; height:206px;}
.aboutpic li span{ display:block; width:100%; text-align:center; font-size:18px; font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif; padding:10px 0 40px 0;}
.aboutpic li a{ color:#000;}

.aboutrgtlist{ width:100%;}
.aboutrgtlist ul{  width:100%; margin:0 auto; margin-top:30px; }
.aboutrgtlist ul li{ width:95%; line-height:160%; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; margin-bottom:15px; padding-left:4%; background:url(czben_icon11.png) left 6px no-repeat; }
.aboutrgtlist ul li a{ color:#000;}
.aboutrgtlist ul p{ width:100%; clear:both; text-align:right; font-size:16px; color:#01708f; padding-top:15PX;}
.aboutrgtlist ul p a{ color:#01708f;}

.aboutcon{ width:100%; line-height:180%; font-size:16px; padding-bottom:50px;}
.aboutcon span.more{ display:block;  width:100%; clear:both; text-align:right; font-size:16px; color:#01708f; padding-top:15PX;}
.aboutcon span.more a{ color:#01708f;}
.aboutcon .tit_about{ padding-top:0; margin-bottom:20px;}

@media (max-width:767px){
.dropdown-menu{ background:#20425e !important; border-radius:0;}
.dropdown-menu>li>a{ color:#fff !important;}

/* header_m*/
.header{ width:100%; height:1.5rem; position:relative;}
.header h2{ display:block; float:left; width:78%; margin-left:11%; margin-top:0.3rem; }
.header h2 img{ max-width:100% !important;}

.headrgt{ display:none;}
.m_ssicon{ display:block; width:10%; line-height:40px; float:right; margin-top:0.4rem; text-align:center;}
.m_ssicon span{ color:#01708f; font-size:0.4rem;}

.m_ssbox{ display:block;}
.m_ssbox{ position:absolute; top:0.4rem; right:0;}
.m_ssbox span{ font-size:0.4rem; z-index:99 !important;}
.btn-primary{ color:#01708f; background:none; border:none; z-index:99 !important; outline:none;}
.btn-primary.focus,.btn-primary:focus{color:#01708f;background:none; border:none; outline:none;}
.btn-primary:hover{color:#01708f;background:none; border:none; outline:none;}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#01708f;background:none; border:none;}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#01708f;background:none; border:none;}
.modal-footer .btn-ss{ background:#01708f; color:#fff;}
.modal-title{color:#01708f; font-weight:bold;}

.navbar{min-height:none;margin-bottom:none; position:absolute; top:0.25rem; width:100% !important; background:none; background-color:none; z-index:98;}
.navbar-default{background:none !important; font-weight:normal; height:0.1rem; width:100% !important; z-index:98;}
.navbar-nav li{ font-size:0.3rem !important;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:transparent; background:#01708f;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#01708f;}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#fff;background-color:transparent; background:#20425e;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:#20425e;}

.navbar-default .navbar-nav>li{ margin-right:0;}
.navbar-default .navbar-nav>li:last-child{ margin-right:0;}

.navbar-header{ position:absolute; left:10px; top:0px; background:none; background-color:none;}
.navbar-header button{  background:none !important; border:none !important;}
.navbar-header span.icon-bar{ height:0.07rem; background-color:#173854 !important; }

.collapse{ border:none !important;}
.navbar-collapse{ display:none; position:absolute; top:40px; font-size:0.28rem !important; background:none; width:100% !important; }

/* footer_m*/
.footerlink{ display:none;}

#footer{ width:100%; padding:0.3rem 0; font-size:0.28rem;}
#footer p{ width:100%; }

/* layout_m*/
.containbox{ width:95%; margin:0 auto; margin-bottom:0.1rem;}
.mainbox{ width:100%;margin-bottom:0.1rem;}
.mainboxcon{ width:95% !important; margin:0 auto;}
.col-md-8{ width:100%; }
.col-md-6{ width:100%;}
.col-md-4{ width:100%; padding:0; margin:0;}
.col-md-3{ display:none;}
.col-md-7{ width:100% !important; padding:0; margin:0; }
.col-md-lef{ width:100%; }
.col-md-rgt{ width:100%; }

/* HomeSlide_m*/
#feature_list { display:none;}

.slideBox_mbox{ display:block; clear:both;}
.slideBox_mbox{ width:100%; margin:0 auto; margin-bottom:0.1rem;}
.slideBox_m{ position:relative; overflow:hidden; max-width:100%; height:6.3rem; background:#efefef;}

.slideBox_m .hd{ position:absolute; height:0.6rem; line-height:0.6rem; bottom:0; left:36%; z-index:1; }
.slideBox_m .hd li{ display:inline-block; width:0.5rem; height:6px; border-radius:6px; background:#01708f; text-indent:-9999px; overflow:hidden; margin-left:5px;   }
.slideBox_m .hd li.on{ background:#173854;  }

.slideBox_m .bd{ position:relative; z-index:0; width:100%;  }
.slideBox_m .bd li{ position:relative; text-align:center;  width:100%; }
.slideBox_m .bd li img{ vertical-align:top; width:100%; height:4.5rem;}
.slideBox_m .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.slideBox_m .bd li .tit{ display:block; width:95%; margin:0 auto; line-height:120%; padding:0.2rem 0; color:#000;  text-align:left; font-size:0.3rem;}

/* title_m*/
.tit_all{ width:100%; height:auto; padding-bottom:0.55rem !important; margin-top:0.4rem; }
.tit_all p{ height:0.4rem; height:auto; font-size:0.4rem; width:100%; text-align:center; margin:0;}
.tit_all span{ display:none;}

.titline{ width:100%; height:0.6rem; margin-bottom:0.35rem; margin-top:0.35rem;}
.titline span{height:0.6rem; line-height:0.6rem; padding-right:0.15rem; font-size:0.36rem;}

/* HomeNews_m*/
.newsbox{ width:100%;}

.media{ padding-bottom:0.3rem; }
.media .media-left img{ width:2.5rem; height:1.65rem;}
.media .media-body h4{ font-size:0.28rem; line-height:150%;}
.media .media-body span.date{ font-size:0.28rem;}

.speechbox{ width:100%; margin-top:0.3rem;}
.speechbox .lefspeech{ width:100%; height:2.5rem; margin-bottom:0.3rem;}
.speechbox .lefspeech span{ font-size:0.3rem; margin-top:0.5rem; }
.speechbox .rgtspeech{ width:100%; height:2.5rem;}
.speechbox .rgtspeech span{ font-size:0.3rem; margin-top:0.5rem;}

/* HomePolicies-data_m*/
.policiesbox{ width:100%; border:none; margin-top:0.4rem; margin-bottom:0.4rem;}
.policiesbox ul{  width:100%; margin:0.2rem 0;}
.policiesbox ul li{ width:95%; line-height:160%; font-size:0.3rem; margin-bottom:0.4rem; background:url(czben_icon11.png) left 0.08rem no-repeat; }

/*Home_International cooperation_m*/
.tit_cooper{ width:100%; height:auto; padding:0.22rem 0; line-height:120%;margin-bottom:0.3rem;}
.tit_cooper span{ display:block; padding-left:0.2rem;font-size:0.3rem; line-height:120%; }

.coopercon{ border-bottom:none; padding-bottom:0.4rem; }
.coopercon .media-left img{ width:1.3rem; height:1.3rem;}

/* Home_About_m*/
.idx_aboutbox{margin-top:0.5rem;}
.idx_aboutcon{ width:100%; height:1.8rem; margin:0;border-bottom:2px solid #fff;}
.idx_aboutcon a{height:1.7rem;}
.idx_aboutcon dt{ width:32%; line-height:1.7rem; }
.idx_aboutcon dt img{  width:1.3rem; height:1.3rem;}
.idx_aboutcon dd{ width:68%; padding-top:0.6rem; font-size:0.3rem; font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold; }

/* pagination_m*/
.paginationbox{ padding-top:0.2rem; padding-bottom:0.2rem;}
.pagination>li>a,.pagination>li>span{ font-size:0.28rem;}

/* breadcrumb_m*/
.breadcrumbox{ padding:0; margin-bottom:0.4rem; color:#fff; border-bottom:none; }
.breadcrumbox ol.breadcrumb{ width:100%; padding-top:0.21rem; padding-bottom:0.21rem; font-size:0.28rem; background:#153752; color:#fff; }
.breadcrumbox ol.breadcrumb li a{ font-size:0.28rem; color:#fff;}
.breadcrumbox ol.breadcrumb li.active{ color:#fff;}

/* Listpage_m*/
.listpage{ width:100%;}
.listpage .media-body h4{ font-size:0.34rem; width:100%; }
.listpage .media-body span{ font-size:0.26rem;}
.listpage .media-body p{ font-size:0.28rem; margin-top:0.2rem;}

/* contentPage_m*/
.conpageh2{font-size:0.36rem;margin-bottom:0.5rem; line-height:140%; margin-top:0;}
.lyfb{ width:100%; margin-bottom:0.4rem;}
.lyfb i{ padding:0 0.2rem;}
.conpagecon{font-size:0.32rem; margin-bottom:0.3rem; line-height:170%;}
.conpagecon p{ margin-bottom:0.3rem;}
.lyfb_m{ display:none;}

/* Searchpage_m*/
.searbox{ width:95%; height:0.8rem; line-height:0.8rem; margin-bottom:0.5rem;}
.searbox input{ width:82%; height:0.8rem; line-height:0.8rem;}
.searbox a{ width:0.8rem; height:0.8rem; line-height:0.8rem; border-radius:50%; font-size:0.34rem; }
.seartiao{ width:100%; font-size:0.3rem; margin:0 auto; margin-bottom:0.5rem;}

/* Aboutpage_m*/
.tit_about{ height:1rem; }
.tit_about p{ font-size:0.4rem; text-align:center;}

.titlineabout{ height:0.8rem; margin-top:0;}
.titlineabout span{height:0.8rem; line-height:0.8rem; padding-right:10px; font-size:0.34rem;}

.aboutpic{ padding-top:0.5rem;}
.aboutpic li{ height:3.6rem;}
.aboutpic li.long a{ display:block; width:30%; margin:0 auto; clear:both;}
.aboutpic li a{ width:93%; margin:0 auto; display:block;}
.aboutpic li img{ width:100% !important; height:auto;}
.aboutpic li span{font-size:0.24rem; padding:0.2rem 0 0.6rem 0;}

.aboutrgtlist ul{  margin-top:0.3rem; }
.aboutrgtlist ul li{font-size:0.3rem; margin-bottom:0.2rem; background:url(czben_icon11.png) left 0.08rem no-repeat;  }
.aboutrgtlist ul p{font-size:0.3rem; padding-top:0.2rem; margin-bottom:0.4rem;}

.aboutcon{ width:100%; background:#efefef; font-size:0.3rem; padding-bottom:0.5rem; padding-top:0; padding-left:4%; padding-right:4%; margin-bottom:0.5rem }
.aboutcon .tit_about{ padding-top:0.5rem; margin-bottom:0;}
.aboutcon span.more{font-size:0.3rem; padding-top:0.3rem;}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.container{ width:100% !important; padding-right:0;padding-left:0; margin-right:auto;margin-left:auto;}
.navbar-default .navbar-nav > li{ margin-right:0;}
.navbar-default .navbar-nav > li:last-child{ margin-right:0;}
.navbar{ width:100%;}

/* header_pad*/
.header{ width:100%; }
.header h2{ display:block; width:550px; float:left;}
.header h2 img{ max-width:100% !important;}
.headrgt{ margin-right:10px;}

/* footer_pad*/
.footerlink ul{ width:100%; margin:0 auto;}

#footer{ width:100%;}
#footer p{ width:100%;}

/* HomeSlide_pad*/
.slideBox_mbox{ display:none;}

#feature_list {width:98%; margin:0 auto; height: 450px; margin-top:40px; }
#feature_tabs {width: 40%;}
#feature_tabs li {width:100%; padding:15px; height:134px;}

#feature_output {width:100%;height: 400px;}
#feature_output li {width: 100%;height: 400px;}
#feature_output li a {width:100%;height:400px;}
#feature_output li img{ width:60%; height:400px;}

/* layout_pad*/
.container{ width:100%;}
.mainbox{ width:96%; margin:0 auto;}
.mainboxcon{ width:100%; margin:0 auto;}
.containbox{ width:98%; margin:0 auto; margin-bottom:50px;}

.col-md-8{ width:73%; float:left;}
.col-md-4{ width:26%; float:right;}
.col-md-6{ width:50%; float:left; padding:0; margin:0;  }

.col-md-3{ width:30%; float:left;}
.col-md-7{ width:70%; float:right;}

.col-md-lef{ width:60%; padding:0; margin:0; float:left; }
.col-md-rgt{ width:38%; padding:0; margin:0; float:right; }
.aboutcon{ width:100%;}

/* Home_news_pad*/
.newsbox{ width:96%;}
.speechbox .lefspeech{ width:48%;}
.speechbox .rgtspeech{ width:48%;}

/* HomePolicies-data_pad*/
.policiesbox{ width:100%; }
.policiesbox ul{  width:90%; margin:0 auto; margin-top:30px; margin-bottom:40px; }
.policiesbox ul li{ width:95%; }

/*Home_International cooperation_pad*/
.tit_cooper{ width:100%; height:auto; padding:10px 0; line-height:120%; }
.tit_cooper span{ display:block; padding-left:10px; line-height:120%; }
.coopercon .media-left img{ width:70px; height:70px;}

/* Home_About_pad*/
.idx_aboutcon dt img{  width:60px; height:60px;}

/* Listpage_pad*/
.listpage{ width:96%; margin:0 auto; margin-top:30px;}

/* breadcrumb_pad*/
.breadcrumbox ol{ width:100%;}

/* contentPage_pad*/
.conpagebox{ width:96%; margin:0 auto;}

/* Listpage_pad*/
.lefnav_list{ width:90%;}
.lefnav_list ul li{ width:100%; font-size:20px; }
.lefnav_list ul li a{ display:block; width:100%; padding:15px;}

/* Searchpage_pad*/
.searbox{ width:720px; margin-left:15px;}
.searbox input{ width:660px; }
.seartiao{ width:95%;}

/* Aboutpage_pad*/
.tit_about{ width:100%; clear:both; height:40px; }
.tit_about p{ font-size:26px; color:#000; display:block; float:left; width:100%; font-weight:bold; }
.tit_about p a{ color:#000;}

.aboutpic{ width:100%; clear:both; padding-top:50px;}
.aboutpic li{ width:33.333%; float:left; text-align:center;}
.aboutpic li.long{ width:100%; }
.aboutpic li img{ width:156px; height:206px;}

.aboutrgtlist{ width:100%;}
.aboutrgtlist ul{  width:100%; margin:0 auto; margin-top:30px; }
.aboutrgtlist ul li{ width:95%; line-height:160%; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; margin-bottom:15px; }

}

@media (min-width:1201px){
.container{ width:1200px; padding-right:0;padding-left:0;margin-right:auto;margin-left:auto;}
.navbar-default{font-size:16px; font-weight:bold; height:50px;}
}

@media screen and (min-width: 500px) and (max-width: 768px) {

.aboutpic{ padding-top:0.5rem;}
.aboutpic li{ height:5.8rem;}
.aboutpic li.long a{ display:block; width:30%; margin:0 auto; clear:both;}
.aboutpic li a{ width:93%; margin:0 auto; display:block;}
.aboutpic li img{ width:100% !important; height:auto;}
}