@charset "utf-8";
/*body,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
a,input,textarea{outline:none}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:bold;line-height:1.1em}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}

body,input,textarea{color:#666;font:12px/1.5 Arial,"Microsoft YaHei"}
a{color:#666}
a:hover{color:#333;text-decoration:none}
*/
#wzsse{display:none;}
.slider {overflow:hidden}
.slider-container {}
.slider-control {}
.slider-item {}
.slider-active {}
.slider-nav {opacity:.4;z-index:99;position:absolute;top:0;display:block;width:12%;height:100%;background:no-repeat center center;background-size:40%;border-radius:10px;overflow:hidden}
.slider-nav:hover {opacity:.8}
.slider-nav img{height:40%;margin:0 10%}
.slider-prev {left:0%}
.slider-next {right:0%;text-align:right}
.slider-page {z-index:100;position:absolute;left:0;bottom:2%;width:100%;font-size:0;text-align:center}
.slider-page-item {background:#647589;cursor:pointer;display:inline-block;width:8px;height:8px;border-radius:4px;margin:0 5px;overflow:hidden;text-indent:-99999px}
.slider-page-active {background:#fff}

.mockup-screen, .mockup-stend, .mockup-base {}
.mockup-mac {}
.mockup-mac .mockup-screen {margin:0 auto;padding:2%;background:#000;border-radius:1em}
.mockup-mac .mockup-stend {width:10%;padding-bottom:2%;margin:0 auto;background:#b4b7be}
.mockup-mac .mockup-base {width:20%;padding-bottom:0.5%;margin:0 auto;background:#b4b7be;border-top-left-radius:30%;border-top-right-radius:30%;box-shadow:0 0.4em 4em #ccc}
@media only screen and (min-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
.mockup-mac .mockup-screen {border-radius:0.7em}
}
@media only screen and (max-width: 400px) {
.mockup-mac .mockup-screen {border-radius:0.4em}
}

.nav ul{margin:0;padding:0;list-style:none;}
.nav ul li{position:relative;float:left;_display:inline}
.nav ul li a{display:block;white-space:nowrap}
.nav ul li ul{position:absolute;z-index:100;top:100%;left:0;display:none}
.nav ul li ul li{float:none}
.nav ul li ul li ul{top:0;left:100%;display:none}
.nav ul li:hover>ul,.nav ul li.hover>ul{display:block}

.detail{position:relative}
.detail .title small{margin-left:.5em}
.detail .here{position:absolute;top:0;right:0}
.detail .here a,.detail .here span{padding:0 .5em}
.detail .content{min-height:300px;padding:10px 0}
.detail .pages{margin-top:10px;padding:10px 0;text-align:center}
.detail .pages a{margin:0 .2em}

.content-title{font-size:20px;line-height:1.2;padding:.3em 0 .8em 0;text-align:center}
.content-info{margin-bottom:1em;padding:5px;text-align:center;color:#999;background:#f1f1f1}
.content-description{margin-bottom:1em;padding:10px;color:#999;border:1px dotted #ddd;background:#fcfcfc}
.content-images{text-align:center}
.content-body p{margin-bottom:1em}
.content-relevants h3{padding:5px;background:#f5f5f5}
.content-body .inputform .form-group{width:auto;}

.content-list ul{overflow:hidden;margin:0;padding:0;list-style:none}
.content-list ul li{line-height:1.2em;position:relative;overflow:hidden;padding:.8em 0;border-bottom:1px dotted #ccc}
.content-list ul img{float:left;width:120px;margin-right:10px}
.content-list ul span{position:absolute;right:0}
.content-list ul p{padding-top:.5em;color:#999}

.content-pictures ul{overflow:hidden;margin:0;padding:0;list-style:none}
.content-pictures ul li{float:left;width:25%;text-align:center}
.content-pictures ul li a{display:block}

.pages{padding:1em 0.5em;}
.pages a{margin:0 .5em;}
.pages a.first{margin-left:0;}
.pages a.last{margin-left:0;}

.pagination{display:inline;margin:0;padding:0;list-style:none}
.pagination li{display:inline}

.searchform{margin:0;padding:0}
.searchform .form-group{display:inline}
.searchform .form-group .form-label{display:none;}
.searchform .form-group .form-control{display:inline}
.searchform input{margin:0;padding:5px;vertical-align:top;border:1px solid #ddd}
.searchform input.btn{cursor:pointer;border:0\9;border:0\0}

.search input{outline:none;}
.search .btn{border:1px solid #ccc; position:relative; left:-9px; height:22px; cursor:pointer;background:#eee}
.search .btn a{}
.search .btn:hover{background:#ddd}

#search-form  {padding:1em 1em 2em 1em;border-bottom:1px dotted #ccc}
#search-form .searchform{text-align:center}
#search-form .searchform .form-group{padding:0 .2em}
#search-form .searchform .form-group .form-label{display:inline;line-height:2em;padding-right:0.5em}
#search-form .searchform .form-group .form-control{}
#search-form .searchform input{width:50%;border-color:#ccc;border-radius:4px}
#search-form .searchform input.btn{color:#fff;width:auto;padding-left:1em;padding-right:1em;background:green;border-color:green}

.inputform{margin:0;padding:1em 0}
.inputform input{vertical-align:middle}
.inputform textarea{width:90%;height:80px}
.inputform input,.inputform select,.inputform textarea{margin:0;padding:5px}
.inputform .form-group{overflow:hidden;width:100%;margin-bottom:1em}
.inputform .form-group .form-label{float:left;width:13%;text-align:right}
.inputform .form-group .form-label label{display:block}
.inputform .form-group .form-label em{margin-right:.5em;color:#f00}
.inputform .form-group .form-control{position:relative;margin-left:15%}
.inputform .form-button{padding-left:15%}
.inputform .form-button input{width:72px;height:32px;cursor:pointer;color:#fff;border:0;background:green}
.inputform .form-text .form-label label,.inputform .form-select .form-label label,.inputform .form-textarea .form-label label{padding-top:6px}
.inputform .form-text .form-label input,.inputform .form-select .form-label input,.inputform .form-textarea .form-label input,.inputform .form-text .form-label select,.inputform .form-select .form-label select,.inputform .form-textarea .form-label select,.inputform .form-text .form-label textarea,.inputform .form-select .form-label textarea,.inputform .form-textarea .form-label textarea{border:1px solid #ddd}
.inputform .form-checkbox .form-control label,.inputform .form-radio .form-control label{margin-right:.8em}
.inputform .form-checkbox .form-control input,.inputform .form-radio .form-control input{margin-right:.3em;padding:0}

/* CSS Document */
html, body, ul, li ,h2,h3,p{padding:0; margin:0;}
body {font-family:寰蒋闆呴粦; font-size:13px; background:#fff; color:#5c5c5c;}
ul,li {list-style-type:none; }
.clear {clear:both; *display:inline;/*IE only*/}
image{border:none;}
a{text-decoration:none; color:#333;}
a:hover{color:#999;}
.blank{height:30px;}
.blank2{height:20px;}

/**澶撮儴**/
.headerpage{height:107px; width:100%; background:rgba(255,255,255,0.9); position:fixed; z-index:999;}
.about-headerpage{height:107px; width:100%; background:#fff; opacity:0.9; position:fixed; z-index:999; box-shadow:0 2px 2px #bbb}
.header{height:107px; width:1100px; margin:auto;}
.logo{float:left; width:300px; height:82px; padding-top:15px; }
.logo img{max-width: 100%;}
.header_right{float:right; width:660px;  padding-top:30px;}
.language{width:380px; height:41px;text-align:right; float:right; font-size:12px;}

 .pltop{float: left;position: relative;top: 20px;/* width: 90px; */left: 24px;}
  .pltop img{max-width: 100%;}
.en .language{width:400px;}
.language a{color:#085256;}
.language a:hover{color:#CA021F;}

/**瀵艰埅**/
.nav{height:34px;width:auto; float:right;}
.en .nav{height:34px;width:700px; float:right;}
.nav ul{ width:auto; }
.nav ul li{padding:0 0 0 20px; height:34px;}
.en .nav ul{width:auto;}
.en .nav ul li{padding:0 0 0 15px; height:34px;}
.nav ul li.first{background:none;padding-left:0}
.nav ul li a{font-size:14px;line-height:34px;padding:0 2px}
.nav ul li a:hover{color:#ca021f;border-bottom:2px solid #ca021f; z-index:-1; }
.nav ul li.active>a,.nav ul li a:hover,.nav ul li a.selected{color:#ca021f;border-bottom:2px solid #ca021f;}

.nav ul ul{margin-left:0px;z-index:200;left:15px !important; width:145px; background:#fff; padding-bottom:10px; box-shadow:0 2px 4px rgba(0,0,0,.2); -moz-box-shadow:0 2px 4px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 4px rgba(0,0,0,.2); top:35px; !important; border-top:2px solid #CA021F;}
.en .nav ul ul{margin-left:0px;z-index:200;left:15px !important; width:auto; background:#fff; padding-bottom:10px; text-align:left;}
.nav ul ul li{background:#fff; border-bottom:1px dotted #ccc; padding-left:0; }
.en .nav ul ul li{padding-right:15px; padding-left:0;}
.nav ul ul li a{padding:0 0 0 16px; text-align:left; color:#888; }
.nav ul ul li a:hover{background:#fff url(../images/menu2.png) 130px 15px no-repeat;color:#CA021F;border-bottom:0;}
.en .nav ul ul li a:hover{background:none;color:#CA021F;border-bottom:0;}  
.nav ul ul ul{margin-left:0px; display:block}
.nav ul ul li.active>a,.nav ul ul li a:hover,.nav ul ul li a.selected{color:#ca021f;border-bottom:0;}

/**banner
.banner{}
.slider-nav {width:50%; height:50%; top:20%;}
.slider-prev{left:0;}
.slider-next{right:0}
.slider-page-item{background:url(../images/iconw.png) no-repeat; width:10px; height:10px;}
.slider-page-active{background:url(../images/icong.png) no-repeat;}**/

/**main**/
.main{background:url(../images/banner_bg.jpg) repeat-x; margin:auto; width:1100px;}
/*鏂伴椈*/
.news{width:385px; float:left;}
.news-title{width:385px;}
.news-title-left{float:left;border-bottom:2px solid #00ccff; font-size:15px; padding:0 2px;}
.news-title-more{float:right; background:url(../images/more.jpg) right no-repeat; width:50px; cursor:pointer;}
.en .news-title-more{width:55px;}
.news-title-more a{color:#777;}
.news-title-more a:hover{color:#000;}
.news-des .first{border-top:0; height:85px;}
.news-des{width:385px;}
.news-des ul{width:385px;}
.news-des ul li{border-top:1px dotted #ccc;  clear:both; font-size:13px;}
.news-des ul li img{border:1px solid #b9e3fa; padding:1px;}
.news-des ul li a{}
.news-des ul li a:hover{}
.news-des ul li span{color:#999;}
.news-des-left{float:left; width:128px; height:71px;margin:13px 0;}
.news-des-right{float:right; width:250px;margin:10px 0; line-height:22px;}
.news-date{width:50px;height:46px;padding-top:10px; margin:6px 20px 0 0; float:left; background:url(../images/date.jpg) left no-repeat; text-align:center; font-size:12px;}
.news-detail{width:310px; float:left; background:url(../images/pic.jpg) 0 19px no-repeat; text-indent:15px; padding:12px 0; line-height:22px;}

.news-detail{width:100%;}
.news-des ul li a{overflow: hidden;}
.news-des ul li a em{font-style: normal;width:90px;display: block;text-align: left;float: left}

/*涓氬姟棰嗗煙*/
.area{float:left; width:375px; margin-left:26px; }
.area-title{width:375px;}
.area-title-left{float:left;border-bottom:2px solid #00ccff; font-size:15px; padding:0 2px;}
.area-title-more{float:right; background:url(../images/more.jpg) right no-repeat; width:50px; cursor:pointer;}
.area-icon{width:385px; margin-top:40px;}
.area-icon ul{width:385px;}
.area-icon ul li{background:#f4f4f4; width:90px; height:85px; float:left; margin:0 5px 5px 0; text-align:center; padding-top:13px; font-size:12px; text-align:center;}
.en .area-icon ul li{height:90px; float:left; margin:0 5px 5px 0; text-align:center; padding-top:12px; font-size:12px; text-align:center; line-height:14px;} 
.area-icon ul li a:hover img{filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.area-icon ul li a{color:#999;}
.area-icon ul li a:hover{color:#000;}

/*鑱旂郴鎴戜滑*/
.contact{float:right; width:288px;}
.contact-title{width:288px;}
.contact-title-left{float:left;border-bottom:2px solid #00ccff; font-size:15px; padding:0 2px;}
.contact-title-more{float:right; background:url(../images/more.jpg) right no-repeat; width:50px; cursor:pointer;}
.contact-name .sp1{ padding-left:30px;}
.contact-name .sp2{color:#46b130; padding-left:75px;}
.contact-name .sp2 a{color:#46b130;}
.contact-name .sp2 a:hover{font-weight:bold;}
.contact-name{background:url(../images/contact.jpg) no-repeat; width:288px; height:45px; margin-top:40px; color:#fff; line-height:45px; font-size:15px;}
h4{padding:10px 0; margin:0;}
.en .contact-name{font-size:12px; text-indent:12px;}
.contact-detail{background:url(../images/icon.jpg) 0 5px no-repeat; padding-left:22px; line-height:24px;}

/**灏鹃儴**/
.footpage{width:100%;  background:#ededed; clear:both; height:50px; border-top:1px solid #e4e9e6; clear:both;}
.footer{width:1100px; height:100%; margin:auto; line-height:22px; font-size:12px;}
.footer a{color:#666;}
.footer a:hover{color:#000;}
.footer_left{float:left;  padding-top:12px;}
.footer_right{float:right; text-align:right;  padding-top:12px;}

.pages{padding:1em 15px; overflow:hidden; float:right; width:775px;}
.about-right-des .pages ul li{background:none; border-bottom:0;}
.pages a{display:block;float:left;padding:0 5px;line-height:26px;background:#F5F5F5;border:1px solid #ccc;margin:0 3px;}
.pages a:hover{color:#ee411a;text-decoration:none;}		


/**鍐呴〉**/
.about-main{width:1100px; margin:auto;}
.about_bannerbox{width:100%; height:270px; overflow:hidden; position:relative; padding-top:107px;}
.about-banner{width:1920px; height:270px; position:absolute; left:50%; margin-left:-960px;}
/**left**/
.about-left{width:270px; float:left;}
.about-jtjj{color:#6399df; font-size:16px; height:30px; padding-left:40px; padding-top:18px; background:url(../images/about-listbg.jpg) no-repeat; }
.about-jtjj span{color:#999; font-size:12px;}
.about-list{background:url(../images/about-listbg2.jpg) repeat-y; width:280px; }
.about-list ul{}
.about-list ul li{background:url(../images/squre2.jpg) 78px 13px no-repeat; text-indent:100px; height:34px; border-bottom:1px dashed #dbd9d9; margin:0 15px 0 10px; }
.en .about-list ul li{background:url(../images/squre2.jpg) 28px 13px no-repeat; text-indent:45px;}
.about-list ul li a{display:block; height:34px; line-height:34px;}
.about-list ul li a:hover{background:url(../images/list_bg.jpg) no-repeat; color:#fff;}
.about-list ul li .selected{background:url(../images/list_bg.jpg) no-repeat; color:#fff;}  
.en .about-list ul li a:hover{background:url(../images/list_bg_en.jpg) no-repeat; color:#fff;}
.en .about-list ul li .selected{background:url(../images/list_bg_en.jpg) no-repeat; color:#fff;}
.about-list-bottom{background:url(../images/about-listbg-foot.jpg) no-repeat; width:280px; height:41px;}
.about-job{margin:10px 0; width:270px;}
.about-left-contact{width:270px; background:url(../images/contact_bg.jpg) no-repeat; padding-top:65px; line-height:22px;}

/**right**/
.about-right{width:805px; float:right;}
.about-right-nav{width:805px; background:#F7F5F5 url(../images/place.png) 4px 7px no-repeat;; height:30px; line-height:30px; margin:0 0 12px 0; text-indent:20px;}
.about-right-home{background:#d6d6d6 url(../images/pic2.jpg) right no-repeat; padding:0 25px 0 15px;}
.about-right-jj{background:#008cd6 url(../images/pic3.jpg) right no-repeat; padding:0 30px 0 15px; color:#fff;}
.about-right-title{font-size:18px;  margin-bottom:20px;}
.about-right-title .sp1{font-size:18px; color:#666; border-bottom:2px solid #008cd6;}
.about-right-des{line-height:22px; color:#666; margin-bottom:20px;}
.about-right-des ul li{background:url(../images/pp.png) 0 12px no-repeat; padding-left:15px;}


/**闆嗗洟鏂伴椈**/
/**鏂伴椈鍒楄〃
.about-news{width:803px;}
.about-news ul{width:803px;}
.about-news ul li{ border-bottom:1px dotted #ccc; background:url(../images/quar.jpg) 5px 13px no-repeat; padding:5px 0 5px 15px;}
.about-news ul li a{color:#666;}
.about-news ul li a:hover{text-decoration:underline; color:#000;}
.about-news ul li span{float:right; color:#ccc;}

**/
.nav ul li ul li ul{left:100%!important;}/*2020-11-9 by leakey*/


/*html{-webkit-filter: grayscale(100%);filter: grayscale(100%);}*/