@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;background: url(../images/bg.jpg) no-repeat bottom #fff;}
.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}

.header{ overflow:hidden;background:url(../images/topbg.png) repeat-x; position:fixed; top:0; width:100%; left:0; right:0; z-index:9999999999999999;border-bottom: 3px solid #d14345; }
.head{padding:10px 0; overflow:hidden;}
.head_l{ float:left;}
.head_r{ float:right;}
.head_r h1{ float:left; background:url(../images/h1.png) no-repeat left; padding-left:20px;}
.head1{ overflow:hidden;    }
.logo{ float:left; padding-bottom:10px;padding-top: 10px;}
.nav{ float:right;padding-top: 30px;}
.nav li{ float:left; font-size:15px; color:#444;  width:100px; text-align:center;display:block;}
.nav li a{ display:block;padding-bottom: 13px;}
.nav li:hover a{ border-bottom:4px solid #d81b00; color:#d81b00;}
.nav li.on a{ border-bottom:4px solid #d81b00; color:#d81b00;}
.index1{ background:#f3f3f3; padding:50px 0;}
.news1{ width:420px; float:left; margin-right:50px;}
.title{ color:#444; font-size:24px;margin-bottom:30px; text-align:center;}
.title span{ font-weight:normal; font-size:48px; text-transform:uppercase;  display:block; color:rgb(200, 22, 29);}
.title1{ color:#fff; font-weight:bold; font-size:36px;margin-bottom:50px;text-align:center;}
.title1 span{ font-weight:normal; font-size:14px; text-transform:uppercase;display:block;}
.title1 a{ float:right;}
.news2{ float:left;width:420px;margin-right:50px;}
.news1list{ overflow:hidden;}
.news1list li{ font-size:14px; color:#444; line-height:2.2em; border-bottom:1px dotted #ccc;}
.news1list li span{ color:#999; float:right;}
.news3{ float:right;}
.news3 li{padding:28px;}
.news3 li.on1{ background: #444;}
.news3 li.on2{ background:#d5d5d5;}
.news3 li.on1 a{ display:block; background: url(../images/service.png) no-repeat left; color:#fff; font-weight:bold;font-size:22px; padding-left:80px;}
.news3 li.on1 a span{ font-size:14px; display:block;padding-top:12px;}
.news3 li.on2 a{display:block; background: url(../images/join.png) no-repeat left;color:#3c3c3c; font-weight:bold; font-size:22px;padding-left:80px;}
.news3 li.on2 a span{ font-size:14px;display:block; padding-top:12px;}
.index2{ overflow:hidden; margin-top:0px;}
.prolist{ overflow:hidden;}
.prolist li{ float:left; text-align:center; margin-bottom:20px; display:block;border:4px solid rgba(255,255,255,0);}
.prolist li:hover{ border:4px solid #e23a2a;}
.prolist li a img{ border-radius:0px;width: 231px;height: 200px;}
.prolist li p{ font-size:14px; padding:6px 0; background:#444; color:#fff;}
.prolist li p:hover{ color:#ccc;}
.index3{ overflow:hidden;background:url(../images/about_bg.jpg) no-repeat; background-size:cover; padding:50px 0;}
.aboutlist{ overflow:hidden;width:1200px;}
.aboutlist txt{ width:930px; display:block;  color:#fff; font-size:14px; line-height:2.3em; float:right;}
.aboutlist txt h1{ font-size:24px; line-height:2.5em;}
.aboutlist txt a{background:url(../images/more1.png) no-repeat; float:right; display:block; height:44px; width:133px;}
.aboutlist txt a:hover{background:url(../images/more2.jpg) no-repeat; height:44px; width:133px;}
.index4{ overflow:hidden; margin-top:50px;}
.linklist{ overflow:hidden;}
.linklist li{ float:left; padding:0 26px 27px 27px;}
.linklist li img{ border:1px solid #ddd;}
.index7{ overflow:hidden; margin-top:50px; background:url(../images/feedback_bg.jpg) no-repeat; height:443px;}
.map{ overflow:hidden;}

.contact1{ font-size:14px; padding:20px 10px; line-height:1.8em;}
.contact1 img{ width:100%;}
.contact{ float:left; padding: 100px 0 0 80px;}
.contact p{ font-size:20px; color:#fff; line-height:2em;}
.feedback{ float:right; padding:100px 50px 0 0;}
.feedback p{ font-size:18px; color:#fff; line-height:25px; margin:0px 0;}
.feedback p input{height: 30px;width:300px;}
.feedback span{ display:block; width:120px; background:#000; color:#fff; text-align:center; height:30px; line-height:30px; font-size:16px; float:right; margin-top:15px;}
.er{ float:left; padding:120px 0 0 80px;}
.footer{ background:#373737; font-size:16px; overflow:hidden; color:#868686; }
.foot{ overflow:hidden; padding:20px 0;}
.foot h1{ float:left;}
.foot h2{ float:right;}
.foot a{ color:#868686;}
.main{ overflow:hidden; margin-top:15px;}
.main_left{ float:left; width:265px;}
.dh{ overflow:hidden;}
.dhh{ overflow:hidden;}



.title2{color: #fff;background: #d14345;font-size: 16px;text-align: left;padding: 15px 0 10px 18px;line-height: 20px;}
.about_ul{ background:#f6f6f6; padding:15px 0;}
.about_ul li{ font-size:16px; color:#666; border-bottom:1px dotted #ddd; text-align:left; padding:15px 9px 19px 30px; list-style-type:circle}
.about_ul li:hover a{ font-weight:bold; color:#444;}
.about_ul li.about_on a{ font-weight:bold; color:#444;}

.about_ul dl{ display:none}
.about_ul dl dd{ width:100%; text-align:left; border-bottom:1px dotted #CCCCCC; height:34px; line-height:34px; text-indent:80px;}
.about_ul dl dd a{ color:#000000; text-align:left; line-height:34px; font-size:14px; }
.about_ul dl dd a:hover{ color:#f00;}

.feed{ margin:20px 0;}
.main_right{ float:right; width:895px; margin-bottom:50px;}
.dh3{ overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}
.dh3 h1{ float:left; font-size:16px; color:#444;    padding-top: 9px;}
.dh3 h2{ float:right; color:#999; padding-top:10px;}
.right_con{ overflow:hidden;}
.right_con .txt{ font-size:16px; line-height:1.8em;}


.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}

.cp_ul{display:block; overflow:hidden; width:100%;}
.cp_ul li{ float:left; text-align:center; width:30%; margin:0 13px;}
.cp_ul li a{width:100%; float:left;}
.cp_ul li a .cp_img{width:100%; overflow:hidden; position:relative; border:1px solid #eeefef;}
.cp_ul li a .cp_img .cp_img_top{padding-top:75.4579%;}
.cp_ul li a .cp_img img{transition:all 1s;}
.cp_ul li a .cp_txt{ font-size:14px; padding:15px 0;}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; line-height:40px;  font-size:20px; color:#eb6d1f; font-weight:bold; margin-bottom:5px; text-align:center;}
.cpxq_img{display:block;  overflow:hidden;}
.cpxq_txt{ font-size:14px; color:#666; line-height:26px;}
.cpxq_img img{display:block; max-width:100%; height:auto; margin:0 auto;}


.news{ overflow:hidden;}
.news li{ float:left; display:block; padding-bottom:50px;}
.news li h1{ color:#444; font-size:22px; display:block; padding-bottom:20px;}
.news li h1 span{ color:#0068b5; float:right; font-size:12px;}
.news li h2{ font-size:14px; color:#999; line-height:1.5em;}
.news_d{ overflow:hidden;}
.news_d h1{ font-size:22px; color:#0068b5; text-align:center;}
.news_d h2{ font-weight:bold; color:#999; text-align:center; display:block; padding:30px 0;}
.news_d h3{ font-size:16px; color:#666; line-height:1.5em;}

.feedback_con{ overflow:hidden;}
.tt{ text-align:center; font-size:22px; color:#636363;}
.tt p{ font-size:14px; color:#adadad; font-style:italic; padding-top:10px;}
.ff{ overflow:hidden;}
.ff span{ float:left; line-height:30px; font-size:14px; color:#666; padding-right:20px;}
input{height:30px;width:600px;border:1px solid #BFBFBF;padding:4px 4px 0 4px; display:block; margin:3px 0;} 
textarea{ width:600px;padding:4px 4px 0 4px; height:250px;}
.send{ background:#444; float:right; color:#fff; width:150px; text-align:center; height:40px; line-height:40px; font-size:14px; margin-top:30px;margin-right: 125px;}


.bg-box {width: 100%;min-width: 1200px;overflow: hidden;padding: 30px 0;}
.bg-f7f7 {background: #f7f7f7;}
.w1200 {width: 1200px; height: auto;margin: 0 auto;}
.ad-list {width: 100%;overflow: hidden;}
.ad-list li {width: 25%;float: left;text-align: left;padding: 20px 0;}
.ad-list li i {width: 70px;height: 70px; vertical-align: middle;margin: 0 15px 0 0;}
.icon {background: url(../images/icons_icons.png) no-repeat;}
.ad-list li p {font-size: 18px;color: #848484; line-height: 24px;vertical-align: middle;}
.dib {display: inline-block;}
.ad-list li b { color: #565656;}
.ad-list li .ad-icon2 {background-position: -70px 0;margin-left: 40px;}
.ad-list li .ad-icon3 {background-position: -140px 0;margin-left: 100px;}
.ad-list li .ad-icon4 {background-position: -210px 0;margin-left: 125px;}


.nav_poket_widgetss{ width:100%; height:auto; position:relative; overflow:hidden; padding:42px 0 0 0;}
.nav_poket_widgetss_in   { width:100%; max-width:1280px; height:auto; min-width:1024px; margin:0 auto; text-align:center;}
.nav_poket_widgetss_title{ padding:20px 0; text-align:center; width:100%; float:left;}
.nav_poket_widgetss_title h2 strong,.nav_poket_widgetss_title h3 strong{font-size:18px; text-transform:uppercase; color:#333; font-weight:normal; display:block;}
.nav_poket_widgetss_title h2 b,.nav_poket_widgetss_title h3 b{ font-size:18px; text-transform:uppercase; color:#ffa800; font-weight:normal; display:block; margin-bottom:10px;}
.nav_poket_ul { width:101%;}
.nav_poket_widgetss .list_4 li{ width:24%; margin-right:1%; }
.nav_poket_widgetss .list_5 li{ width:19%; margin-right:1%; }
.nav_poket_widgetss .list_3{width:104.2%;}
.biankuangs .nav_poket_ul li{ border:solid 1px #CCCCCC; margin-right:0.5%; border-radius:5px; }
.nav_poket_ul li{ width:30%;  float:left; display:block; margin-right:3%; margin-bottom:0; text-align:center;  position: relative;}
.navpoket_pic{ width:95%; padding:2.5%; background:#ebebeb; position:relative; font-size:0; overflow:hidden;}
.navpoket_titles{ position:absolute; top:4.5%; left:2.5%; display:block; width:95%; height:91%; line-height:100%; text-align:center; background:url("images/black_b2.png"); display:none;}
.navpoket_titles b{ display:inline-block; margin:20% 0 10px 0; color:#FFF; width:100%; font-size:16px;}
.poket_btn{ display:inline-block; padding:15px 20px; border:solid 1px #fff; border-radius:5px; margin-top:10px; color: #fff;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; font-size:12px; }
.nav_poket_ul li:hover .poket_btn{ background:#F90;}
.tubiao .nav_poket_ul li a img{ display:block; float:left; width:10%; height: auto;}
.nav_poket_ul li a img,.tubiao .nav_poket_ul li a span b .xianxss{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.morens .nav_poket_ul  li:hover a img{  -webkit-filter: blur(2px);-moz-filter: blur(2px); -o-filter: blur(2px);  -ms-filter: blur(2px); filter: blur(2px);}
.tubiao .nav_poket_ul li a span{ display:block; float:right; width:84%; text-align:left;}
.tubiao .nav_poket_ul li a span b{ display:block; position:relative; width:100%; margin-top:5px; font-size:18px; color:#000; font-weight:normal; padding-bottom:5px; margin-bottom:20px;}
.tubiao .nav_poket_ul li a span p{ font-size:12px; color:#6a6969; height:85px; display:block; overflow:hidden;}
.tubiao .nav_poket_ul li a span b .xianxss{ width:10%; height:3px; background:#ffa800; position:absolute; left:0; bottom:-3px;}
.tubiao .nav_poket_ul li:hover img{transform: rotate(20deg);-moz-transform: rotate(20deg);-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);-o-transform: rotate(20deg);}
.tubiao .nav_poket_ul li:hover a span b .xianxss{ width:80%;}
.donghuaopen .tubiao .nav_poket_ul li img{ opacity:0;filter:Alpha(opacity=0); position:relative; }
.donghuaopen .tubiao .nav_poket_ul li span b{top:30px; opacity:0;filter:Alpha(opacity=0); position:relative;}
.donghuaopen .tubiao .nav_poket_ul li span p{bottom:30px; opacity:0;filter:Alpha(opacity=0); position:relative;}

.footer,.footer_bottom{ width:100%;  float:left; overflow:hidden;  }
.footer{height: auto;background:#fff; border-top:solid 1px #3c3c3c; position:relative; z-index:10;background:url(../images/ba.jpg) }
.footer_bottom{ height: auto; border-top:solid 1px #3c3c3c;}
.footer_in{  overflow:hidden;}
.footer_in{  height: auto;margin: 0 auto; overflow: hidden;padding: 10px;position: relative; width:100%; max-width: 1280px;z-index: 1;}

#footer_bottom_link{ display:block; width:100%; float:left; text-align:center;padding:30px 0 10px 0;}
.footer_bottom_link li{ display:inline-block; margin-right:10px;}
.footer_bottom_link li{ display:inline;}
.footer_bottom_link li a,#footer_bottom_link  p a{ font-size:14px; color:#fff;} 
#footer_bottom_link p{ font-size:14px; color:#fff; margin-top:10px; float:left; display:block; width:100%; text-align:center;}
.footer_bottom { padding:10px 0;}
.footer_bottom p{ font-size:14px; color:#ffd800; margin-bottom:10px;}