html{ font-size:62.5%;}

html, body, span, div, p, a, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li {padding:0; margin:0;list-style: none;}

body{ margin:0 auto; background:#FFF;color:#333;font-size:1.2rem; font-family:Arial,"微软雅黑", Helvetica, sans-serif;} 

h1,h2,h3,h4,h5,h6{font-size:1.2rem;font-weight:normal;} 

img { max-width:100%; vertical-align:middle; border:none; font-size:0}

input{ outline:none;}

a {color:#333;text-decoration:none;outline:none;}

i,em{font-style:normal;}

textarea{resize: none;}



.li_img{display:table; text-align:center; *position:relative; *overflow:hidden;}

.li_img a{display:table-cell; vertical-align:middle; *position:absolute; *left:50%; *top:50%;}

.li_img a img{*position:relative; *left:-50%; *top:-50%;}

.fix{ clear:both;}

.fix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}

.fix {zoom:1;}

.fl{float:left;}

.fr{float:right;}

.tc{ text-align:center;}

.last{margin-right:0px !important;}



.content{max-width:1200px; margin:0 auto;}

.outL{white-space:normal;word-break:break-all;}  

.outH{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 

.top{ background:#ecf0f1;}

.ttop{ background:#ecf0f1; font-size:1.3rem; line-height:3em; color:#8a8a8a;}

.ttop .wel{ float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.lang a{color:#8a8a8a;}

.lang a.cur{color:#0093dd; }

.logo{}

.logo img{height:100%;}



.top1{ padding:15px 0; position:relative;}

.top1_right{ display: block;}

.top1_right em{ font-size:2.2rem; color:#0093dd; display:block;}

.top1_right .r_img{ float:left;}

.top1_right span{ float:left; margin-left:14px; font-size:1.5rem; color:#333;}

.phone{ margin-right:40px;}



.top2_right{ display:none;}

.top2_right em{ font-size:2.2rem; color:#0093dd; display:block;}

.top2_right .r_img{ float:left;}

.top2_right span{ float:left; margin-left:14px; font-size:1.5rem; color:#333;}

.phone2{ margin-right:40px;}





.top_r .top_phone{ padding-left:50px; background:url(../image/index_06.png) no-repeat 0 50%; margin:5px 40px 5px 0;}

.top_r .top_phone p{font-size:24px; font-weight:bold; line-height:25px; color:#0093dd;}

.top_r .top_phone span{font-size:16px;color:#000; line-height:20px;}

.top_r .top_ewm .img{height:55px;}

.top_r .top_ewm .img img{max-height:55px;}

.top_r .top_ewm .con{margin:5px 0 5px 10px;}

.top_r .top_ewm p{font-size:20px; font-weight:bold; line-height:25px; color:#0093dd;}

.top_r .top_ewm span{font-size:16px;color:#000; line-height:20px;}



.tmenu{ width:100%; background:url(../image/nav_bg_03.jpg) repeat-x center 1px ; text-align:center;} 

.tmenu_list li{ float:left; display:inline-block; width:11.11%;}

.tmenu_list li a{display:block; font-size: 1.5rem; color:#222; line-height:54px; height:50px;}

.tmenu_list li.cur a,.tmenu li a:hover{color:#482020; background:url(../image/index_11.png) no-repeat center top;}

.tmenu_list li a.cur{color:#482020; background:url(../image/index_11.png) no-repeat center top;}



.menu_btn{ margin-right:3%; padding:1.5% 0;  display:none;}



.menus{ width:100%; position:absolute; right:0; top:100%; background:#fff; z-index:1111; }

.arrow-down{border-bottom:solid 9px #dedede; border-left:solid 9px transparent;border-right:solid 9px transparent;height:0;width:0; position:absolute;right:8%; top:-4%;}

.menus ul{ width:100%; margin:0 auto;}

.menus li{ border-bottom:1px solid #ccc;}

.menus li a{ display:block; text-align:center; padding:2% 0; font-size:16px; color:#333;}

.menus li a:hover,.menus li a.cur{ color:#fff; background:#0093dd;}



.banner img{width:100%;}



.main{}

.in_tit{ font-size:2.5rem; background:url(../image/index_15.png) no-repeat center; text-align:center; margin-top:4%; margin-bottom:2%;}

.in_tit span{ font-size:1.5rem; font-family:Arial; color:#999; display:block;}

.in_con{ position:relative;}

.pro_prve{ position:absolute; left:-45px; top:50%; margin-top:-15px; z-index:10;}

.pro_next{ position:absolute; right:-45px; top:50%; margin-top:-15px; z-index:10;}



.pro_list a{ overflow:hidden; text-align:center; transition:all  0.3s ease-out; border:2px solid transparent;box-sizing:border-box; display:block; font-size:1.6rem; line-height:4em; background:#f8f8f8;}

.pro_list a img{transition:all  0.8s ease-out;}

.pro_list a:hover{ border:2px solid #0093dd;}

.pro_list a:hover .li_img img{ transform:scale(1.1); }



.pro_more{ margin-top:3%; margin-bottom:5%; text-align:center;}

.in_more{ display: inline-block; width:101px; line-height:2.2em; text-align:center; color:#999; border:1px solid #ccc; font-size:1.4rem;transition:all 0.4s ease-out;}

.in_more:hover{ color:#0093dd; border:1px solid #0093dd; }



.in_more1{ display: inline-block; border-radius:20px; width:71px; line-height:2em; text-align:center; color:#999; border:1px solid #ccc; font-size:1.3rem; transition:all 0.4s ease-out;}

.in_more1:hover{ color:#0093dd; border:1px solid #0093dd;}



.inabout{ background:#f9f9f9; padding:3% 0;}

.inabout_img{ width:48%;}

.inabout_txt{ width:48%;}

.inabout_txt h3{ font-size:2.4rem; line-height:2em; margin-top:2%;}

.inabout_txt p{ font-size:1.4rem; line-height:2em; }

.inabout_more{ margin-top:3%;}



.innew_box{ padding-bottom:3%;}

.innew_con1{ padding:1%; margin-right:2.4%; width:29.3%; float:left; border:1px solid #ccc;}

.innew_img{ text-align: center;}

.innew_tit{ font-size:1.8rem; line-height:2em;}

.in_new_list li{ margin-top:4%;}

.in_new_list li h4{ font-size:1.4rem; line-height:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.in_new_list li:hover h4 a{ color:#0093dd; text-decoration:underline;transition:all 0.4s ease-out;} 

.in_new_list li em{ font-size:1.2rem; line-height:2em; display:block; color:#999;}

.in_new_list li span{ font-size:1.3rem; line-height:1.8em; display:block; color:#666;}

.innew_more{ text-align:right; margin-top:2%;}



.inmess_box{ background:url(../image/index3_40.jpg) no-repeat center; padding:3% 0; min-height:515px; margin-bottom:2%; box-sizing:border-box;}

.inmess_tit{ font-size:2.5rem; color:#0093dd; margin-bottom:2%;}

.inmess_tit span{ display:block; font-size:1.5rem; line-height:2em; color:#333;}



.inmess_con{ width:55%; position:relative;}

.inmess_list li.li1 dd,.inmess_list li.li2 dd{ width:46%; background:#fff; float:left; margin-bottom:3%; border:1px solid #ccc;  box-sizing:border-box;}

.inmess_list li.li1 dd input,.inmess_list li.li2 dd input{ width:82%; font-size:1.4rem; margin-left:2%; line-height:2.8em; border: none; }

.inmess_list li.li1 dd label,.inmess_list li.li2 dd label{ display:inline-block; float:left; width:14%;}

.inmess_list li.li2 dd.last,.inmess_list li.li1 dd.last{ float:right;}

.inmess_list li.li3 textarea{ width:100%; box-sizing:border-box; height:130px; font-size:1.4rem; padding-left:10px;border:1px solid #ccc;}

.inmess_list li.li4{ text-align:center; padding:3%;}

.inmess_list li.li4 input{ font-size:1.6rem; margin:0 2%; display:inline-block; line-height:2.2em; padding:0 5%; background:#cc0000; border:none; color:#fff;}

.inmess_list li.li4 .submit{ background:#cc0000;}

.inmess_list li.li4 .rewrite{ background:#666;}



.bottom{ background:#313131;}

.b_logo{ padding:3% 0 0 0; text-align:center;}

.b_contact{ margin:2% 0;}

.b_code{ width:49%; text-align: right; display: inline-block;}

.b_phone{ float:right; display:inline-block; width:49%; line-height:2em; text-align:left; color:#fff; font-size:1.4rem;}

.b_phone em{ font-size:2.5rem; display:block; line-height:1.5em;}

.b_phone .con{ width:239px; height:73px; padding-left:20px; border:1px solid #fff; padding-top:15px;} 



.bmenu { text-align:center; border:1px solid #535353; border-width:1px 0 1px 0 ; padding:15px 0;}

.bmenu li{ display:inline-block; width:8%; background:url(404.png) no-repeat right center; margin-left:-5px;}

.bmenu li a{ color:#5f5f5f;}

.bmenu li.cur a,.bmenu li:hover a{  text-decoration:underline; color:#8d91a0;}

.bmenu li.last{ background:none;}

.copy{ color:#5f5f5f; text-align:center; font-family:"宋体"; font-size:1.2rem; line-height:4.6em;}





.nymain{}



.ny_tit{ font-size:1.3rem; color:#666; padding:15px 0; border-bottom:1px solid #d2d2d2;}

.ny_tit em{ color:#0060cb; font-size:2.5rem; display:block;}

.ny_tit span{ float:right; line-height:3.5em; padding-left:15px; background:url(../image/cpzs_05.jpg) no-repeat 0 50%;}

.tit_list{ text-align:center; padding:3% 0;}

.tit_list a{ display:inline-block; padding:0 3%; margin:0 1%; font-size:1.6rem; line-height:2em; background:#fff; border:1px solid #d2d2d2;}

.tit_list  a:hover,.tit_list  a.cur{ color:#fff; background:#0093dd;}



.nyabout_box{padding:3% 0;font: 14px/24px "microsoft yahei";min-height: 500px;}



.cpzs_list li{ float:left; width:29%; margin: 0 2% 3%;}

.cpzs_list li.mr0{ margin-right:0%;}

.cpzs_list li .li_img{ position:relative; border:1px solid #f3f3f3; transition:all 0.6s ease-out;}

.cpzs_list li .li_img .por{  position:absolute; opacity:0; left:20%; top:20%; bottom:20%; right:20%;  transition:all 0.6s ease-out;  width:60%; height:60%; background:rgba(27,27,27,0.67);}

.cpzs_list li .li_img .por img{ margin-top:-20px;  transition:all 0.6s ease-out; width:20%;}

.cpzs_list li .li_img table{ width:100%; height:100%; }

.cpzs_list li span { font-size:1.6rem; line-height:3.5em; text-align: center; background:#1b1b1b; display:block; color:#fff;}

.cpzs_list li:hover .li_img{ border:1px solid #626262; }

.cpzs_list li:hover .li_img .por{ opacity:1; width:100%; height:100%;left:0%; top:0%; bottom:0%; right:0%;}

.cpzs_list li:hover .li_img .por img{ transform:rotate(360deg); margin-top:0px;} 

.filp{ margin:2% 0 6%; text-align: center;}



.cpxq_l{ float:left; width:35%;}

.cpxq_l img{ border:1px solid #eaeaea; width:100%; box-sizing:border-box;}

.cpxq_r{ float:right; width:60%;}

.cpxq_r h3{ font-size:2.5rem; line-height:2.5em; margin-bottom:1rem; border-bottom:1px solid #d2d2d2;}

.cpxq_r dd{ font-size:1.5rem; line-height:2em;}

.cpxq_r dd span{ color:#666;}

.cpxq_r dd em{ font-size:1.8rem; color:#0077d2;}

.cpxq_txt{ margin-top:3%;}

.cpxq_txt h3.tit{border-bottom:1px solid #d2d2d2; margin-bottom:2%;}

.cpxq_txt h3.tit span{ font-size:1.6rem; text-align:center; padding:0 4%; margin-bottom:-1px; display:inline-block; line-height:2.5em; background:#0093dd; color:#fff;}

.cpxq_txt .con{line-height:2em; font-size:14px; color:#333;}

.cpxq_txt .con table td{ padding:10px !important; border:1px solid #aaa;line-height: 1.6em;}

.cpxq_txt h4{ font-size:2rem; text-align:center;}

.cpxq_txt .p1{ font-size:1.4rem; margin:3% 0;}

.cpxq_txt .p2{ font-size:1.4rem; margin:3% 0;line-height:2em;}

.cpxq_txt .p2 span{ font-size:1.5rem; }

.xg_tit{ font-size:2.5rem; background:url(404.png) no-repeat bottom center; padding-bottom:1%; text-align:center; margin-top:4%; margin-bottom:2%;}

.nyxgcp_box{ margin-bottom:6%;}



.nyabout_left{ float:left; width:54%;}

.nyabout_right{ float:right; width:40%;}

.nyabout_left h3{ color:#0093dd; font-size:2rem; line-height:2em;}

.nyabout_left .p1{ font-size:1.4rem; line-height:2em; text-indent:2em;}

.nyabout_img{ margin:2% 0 6%;}

.nyabout_img .img1{ float:left; width:37%;}

.nyabout_img .img2{ float: right; width:60%;}



.contact{ margin-bottom:6%;}

.contact_tit{ font-size:2rem; margin:4% 0 2%; }

.contact_left{ width:32%;}

.contact_right{ width:65%;}

.contact_lx li{ font-size:1.5rem; line-height:2.2em;}

.contact_lx li img{ padding-right:2%;}



.contact_left h4{ font-size:1.8rem; color:#0093dd; margin:6% 0 3%;}

.contact_lxr{ margin-bottom:7%;}

.contact_lxr li{ font-size:1.5rem; line-height:2em;}







.news_list{}

.news_list li{width:25%;float:left; box-sizing:border-box; padding:0 15px;margin:0; margin-bottom:30px; }

.news_list li .li_img img{

	-webkit-transition:all 0.4s ease-out;

	-moz-transition:all 0.4s ease-out;

	-o-transition:all 0.4s ease-out;

	-ms-transition:all 0.4s ease-out;

	transition:all 0.4s ease-out;	

}

.news_list li:hover .news_img img{ opacity:0.8;}

.news_list li .news_img{width:100%;margin-bottom:10px; background:#000;}

.news_list li .news_txt span{color:#000; font-weight:bold; font-size:24px; display:block; line-height:1.3em; max-height:2.6em; overflow:hidden; background:none; text-align:left;}

.news_list li .news_txt p{font-size:14px;color:#aaa;margin:10px 0;line-height:1.4em; height:4.2em; overflow:hidden;}

.news_list li .news_txt i{ font-style:normal; color:#fff; background:#007DDA;display:inline-block; font-size:12px; font-family:Arial, Helvetica,sans-serif;padding:5px; font-weight:bold;}





.news_det_tit{padding:0 3%; text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px;}

.news_det_tit h3{font-size:25px; font-weight:bold; color:#000;}

.news_det_tit p{font-size:14px; color:#888;margin-top:5px;}





.job_list{}

.job_list li{ background:#f2f2f2; padding:15px 20px; width:100%; box-sizing:border-box; margin:0;margin-top:15px;}

.job_list li:hover{ background:#ededed; }

.job_list li h2{font-size:30px; font-weight:bold; color:#000; position:relative; line-height:40px; cursor:pointer;}

.job_list li h2 span{font-size:14px; color:#666;}

.job_list li h2 span em{ font-weight:bold; color:#0060cb;}

.job_list li h2 i{ position:absolute; right:0; top:0; height:100%; display:block; width:40px;text-align:center;}

.job_list li h2 i:after{ content:"+"; }

.job_list li h2.on i:after{ content:"-";}

.job_list li .li_txt{display:none;}

.job_list li .li_con{margin-top:10px; font-size:14px; line-height:2em;}

.job_list li .li_con h5{color:#0060cb; font-size:14px; font-weight:bold;}

.job_list li .li_con p{color:#666;}





.down_list li {padding: 20px 0;position: relative;border-bottom: 1px solid #ddd;}

.down_list li h1 {font-size:16px;color: #333;}

.down_list li p {margin-top: 5px;}

.down_list li p i {display: inline-block;margin-right: 20px;color: #888;padding-left: 15px;font-size: 12px;}

.down_list li a.down_btn { background:#007DDA;color: #fff;display: block;position: absolute;height:32px;line-height:32px;padding:0 13px 0 11px;right:0;margin-top: -16px;top: 50%;text-align: center;font-size: 16px;font-weight: bold;border-radius: 5px;}

.down_list li a.down_btn .icon4 {display: inline-block; background: url(404.png) no-repeat left center;width: 16px; background-size: 16px;margin-right: 2px;}

.down_list li a.down_btn:hover{ background:#0060cb;}

.down_list li p i.icon1{background: url(404.png) no-repeat left center;background-size: 12px;}

.down_list li p i.icon2{background: url(404.png) no-repeat left center;background-size: 12px;}

.down_list li p i.icon3 {background: url(404.png) no-repeat left center;background-size: 12px;margin: 0;}





.message_box{ margin:0 auto;border-radius:10px; background:#f2f2f2;  box-sizing:border-box; padding:20px; background:url(404.png) no-repeat right bottom; background-size:35% auto; border:1px solid #ccc;}

.mesg_con{float:left; width:55%; padding-right:5%; box-sizing:border-box; border-right:1px solid #ccc;}

.message_box .lan{ position:relative; padding-left:20%;margin-bottom:15px;}

.message_box .lan span{display:block;line-height:32px; font-size:16px; position:absolute; left:0; top:0; width:20%; font-weight:bold;color:#333;}

.message_box .lan span font,.mesg_con2 p font{display:inline-block; width:20px; text-align:center; color:red; font-family:"宋体",Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}

.message_box .lan .mesg_txt{line-height:30px; height:30px; border:1px solid #ccc; border-radius:3px; width:80%;padding:0; text-indent:10px; box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);}

.message_box .lan .mesg_textarea{ width:100%; border:1px solid #ccc; box-sizing:border-box; padding:5px 10px; line-height:1.6em; border-radius:3px;box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);}

.message_box .lan .mesg_btn{ width:110px; height:40px; font-size:18px; font-weight:bold; color:#fff; background:#CC0001; border-radius:5px; border:0;}

.mesg_con2{ width:42%;}

.mesg_con2 h5{font-size:16px; line-height:32px; font-weight:bold; color: #0060cb;}

.mesg_con2 p{font-size:14px; line-height:2em; color:#666; margin-top:5px;}


.filp{clear:both;padding:1em 0 2em 0;text-align:center}
.pages{display:inline-block;font-size:12px;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05);}
.pages li{list-style:none;display:inline;float:left;line-height:1em;text-decoration:none;border:1px solid #ddd;border-left-width:0;display:inline-block;padding:.5em .8em;background-color:#f9f9f9;color:#999 }
.pages li a{ color:#999 }
.pages li a:link{background:#fff;color:#4C78A5}
.pages li a:hover{text-decoration:none}
.pages li a:link:hover{color:#000}
.pages li.thisclass{background-color:#DDDDDD;color: #7C7C7C}
.pages li:first-child{border-left-width:1px;border-radius:3px 0 0 3px}
.pages li:last-child{border-radius:0 3px 3px 0}
.pages .pageinfo{color:#444}