@charset "utf-8";
/* CSS Document */

body{
    margin: 0px auto;
    width: 100%;
    font-size: 14px;
	background-color:#f7f7f7;
}

*{
   padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-family: "微软雅黑";
    padding-top: 0px;
}

a{
   text-decoration: none;
}

a:visited{
   text-decoration: none;
}

a:hover{
   text-decoration: none;
}

img{
   border-bottom-style: none;
    padding-bottom: 0px;
    border-right-style: none;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-top-style: none;
    border-left-style: none;
    padding-top: 0px;
}

li{
   list-style-type: none;
}

.top{
	background:url(../images/home/top1.png) center top no-repeat;
	width:100%;
	height:111px;
	}
.topNav{
	width:1200px;
	margin:0 auto;
	padding:38px 0 0 0;
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box
	}
	
.mtop{ height: 0px;}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
/*.banner { width: 100%; margin: 0px auto 0px auto; overflow: hidden; color: #fff; font-family: "Microsoft yaHei"; background-color: #fff; display:block}*/
.banner{ width:100%; height:453px; overflow:hidden; position:relative;font-size:0;}
.b-img{ height:453px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:453px; float:left; cursor:pointer}
.b-img img{width:100%;}

.b-list{ height:50px; padding-top:395px; position:relative; margin:0 auto;z-index:1;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/home/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:225px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/home/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:225px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.mbanner { width: 100%; margin: 0px auto 0px auto; overflow: hidden; color: #fff; font-family: "Microsoft yaHei"; background-color: #fff; display:none}

.content { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.about-banner{width:100%; margin-top:0px; display:block;}
.about-banner img{width:100%;}

.m-about-banner{width:100%; margin-top:0px; display:none}
.m-about-banner img{width:100%;}N

.main{ width:100%; height:380px; background:url(../images/home/main01.jpg) center top no-repeat}
.main02{ width:100%;height:489px; background:url(../images/home/main02.jpg) center top no-repeat}
.main03{ width:100%;height:489px; background:url(../images/home/main03.jpg) center top no-repeat}
.main04{ width:100%;height:489px; background:url(../images/home/main04.jpg) center top no-repeat}
.main05{ width:100%;height:489px; background:url(../images/home/main05.jpg) center top no-repeat}
.main07{ width:100%;height:489px; background:url(../images/home/main07.jpg) center top no-repeat}
.main06{ width:100%; height:532px; background:url(../images/home/main06.jpg) center top no-repeat}
	

.news{background: url(../images/home/news.jpg) center top no-repeat; width:100%; height:1900px}
.news a{width:100%; height:100%; display:block}
.newsDetail{background: url(../images/home/newsDetail.jpg) center top no-repeat; width:100%; height:1962px}
.product{background: url(../images/home/product.jpg) center top no-repeat; width:100%; height:1628px}
.product2{background: url(../images/home/product2.jpg) center top no-repeat; width:100%; height:1650px}
.product3{background: url(../images/home/product3.jpg) center top no-repeat; width:100%; height:2012px}
.join{background: url(../images/home/join.jpg) center top no-repeat; width:100%; height:1994px}
.join a{width:100%; height:100%; display:block}
.joinDetail{background: url(../images/home/joinDetail.jpg) center top no-repeat; width:100%; height:1994px}
.about{background: url(../images/home/about.jpg) center top no-repeat; width:100%; height:3268px}


@media screen and (max-width:1830px){
.banner{ height:558px;}
.b-img{ height:558px;}
.b-img a{height:558px; }
.b-list{padding-top:516px;}	
.bar-left em{ margin-top:208px;}
.bar-right em{ margin-top:208px;}
}

@media screen and (max-width:1700px){
.banner{ height:515px;}
.b-img{ height:515px;}
.b-img a{height:515px; }
.b-list{padding-top:457px;}
.bar-left em{ margin-top:168px;}
.bar-right em{ margin-top:168px;}
}
@media screen and (max-width:1600px){
.banner{ height:470px;}
.b-img{ height:470px;}
.b-img a{height:470px; }
.b-list{padding-top:420px;}
.bar-left em{ margin-top:150px;}
.bar-right em{ margin-top:150px;}
}

@media screen and (max-width:1500px){
.banner{ height:430px;}
.b-img{ height:430px;}
.b-img a{height:430px; }
.b-list{padding-top:380px;}	
.bar-left em{ margin-top:130px;}
.bar-right em{ margin-top:130px;}
}
@media screen and (max-width:1440px){  

.banner{ height:425px;}
.b-img{ height:425px;}
.b-img a{height:425px; }
.b-list{padding-top:375px;}	
.bar-left em{ margin-top:127px;}
.bar-right em{ margin-top:127px;}
}
@media screen and (max-width:1370px){

.banner{ height:400px;}
.b-img{ height:400px;}
.b-img a{height:400px; }
.b-list{padding-top:350px;}	
.bar-left em{ margin-top:125px;}
.bar-right em{ margin-top:125px;}
}
@media screen and (max-width:1280px){

.banner{ height:395px;}
.b-img{ height:395px;}
.b-img a{height:395px; }
.b-list{padding-top:345px;}	
.bar-left em{ margin-top:104px;}
.bar-right em{ margin-top:104px;}
}
@media screen and (max-width:1200px){


.banner{ height:350px; width: 1200px;}
.xh_tit{width: 1200px;}
.pr_pic{width:1200px;}
.ab_pic{width:1200px;}
.news_pic{width:1200px;}
.co_pic{width:1200px;}
.ab_hic{width:1200px;}
.jo_pic{width:1200px;}
.b-img{ height:350px;}
.b-img a{height:350px; }
.b-list{padding-top:300px;}	
.bar-left em{ margin-top:100px;}
.bar-right em{ margin-top:100px;}
}



@media screen and (max-width:1080px){


.banner{ height:280px;}
.b-img{ height:280px;}
.b-img a{height:280px; }
.b-list{padding-top:230px;}	
.bar-left em{ margin-top:65px;}
.bar-right em{ margin-top:65px;}


}


/**************/
/***  jane  ***/
/**************/

em,i{font-style:normal; }
ol,ul,dl,li,dt,dd {list-style:none}
img {border:0;vertical-align:middle} a img{border:0}
table {border-collapse:collapse;border-spacing:0}  

.fix{*zoom:1;}.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}.z{*zoom:1;}
/* input,botton{outline:none;border:0 none;-webkit-appearance:none;-webkit-tap-highlight-color:#fff;vertical-align:middle} */ textarea{resize:none}

.Spacer{clear:both;display:block;margin:0;padding:0;height:0; overflow:hidden}
.Spacer1{clear:both; font-size:0; line-height:0; height:0;}
.block{ display:block}
.Fl{float:left;}.Fr{float:right;}
.xh_con{
	width:1200px;
	margin:0 auto;
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box
	}
	
.xh_news{background-color: #EEEEEE; height: 50px; line-height: 50px;}
#scrollDiv{height:50px;line-height:50px; overflow:hidden}
#scrollDiv ul{color: #999; margin-left: 10px;}
#scrollDiv li{height:50px;line-height:50px;}
#scrollDiv li a{margin-left: 10px;}
#scrollDiv li a:link, #scrollDiv li a:visited{color: #333; font-size: 16px;}

.xh_seac{background: url(../images/home/xh_seabg.jpg) 0 bottom repeat-x;}
.xh_sea{padding: 50px 0 60px 0;}
.xh_seatit{font-size: 16px; color: #132E56; font-weight: bold; height: 50px; line-height: 40px; background: url(../images/home/xh_seak.jpg) right bottom no-repeat;}
.xh_seamar{margin: 6px 0 0 10px;}
.xh_seabtn{width: 62px; height: 62px; background: url(../images/home/xh_sea.jpg) 0 0 no-repeat; border: 0; margin-left:20px;}

.xh_tit{padding: 30px 0; text-align: center;}
.xh_mainfr{width: 40%; margin-top: 160px; color: #132E56;}
.xh_mainfri{font-size: 20px; background: url(../images/home/xh_maink.jpg) 0 bottom no-repeat; display: block; padding: 0 0 15px 0;}
.xh_mainfrp{font-size: 16px; margin-top: 10px;}
.xh_mainfra{display: block; width: 136px; height: 36px; line-height: 36px; transition:all .3s; border: 4px solid #132E56; text-align: center; color: #132E56; font-size: 14px;}
.xh_mainfra:link, .xh_mainfra:visited {color: #132E56; text-decoration: none;}
.xh_mainfra:hover{background-color: #132E56; color: #fff;}

.xhrenx{padding: 50px 0;}

.xhlinkc{background-color: #132F56; width: 100%;}
.xhlinkc1{background-color: #132F56; padding: 20px 0; width: 100%; width:1200px; margin:0 auto;}
ul.xhlink{padding: 0;}
ul.xhlink li{display: block; width: 12.5%; float: left;}
ul.xhlink li a{display: block; color: #fff; padding: 2px 0; font-size: 14px;}
.xhlinktit{padding: 10px 0; color: #FABE00; font-size: 16px;display: block;}
.xhfoot{position: relative; width: 1160px; margin: 0 auto; padding: 40px 0 20px 40px; font-size: 14px; color: #fff; background: url(../images/home/xhfoot.png) 0 40px no-repeat; height: 34px; line-height: 34px;}
.xhewm{position: absolute; right: 0; top: -120px; width: 144px; text-align: center;}
	
/***************/
/***  about  ***/
/***************/
.ab_tit{background: url(../images/home/xh_about.jpg) 0 0 no-repeat; height: 63px; padding-top: 35px; font-size: 26px; font-weight: bold; color: #132E56; text-align: center;margin-top:10px}
.ab_pic{ min-width:1200px; width:100%;height:435px; background:url(../images/home/aboutpic.jpg) center 0 no-repeat}
.ab_seat{background: url(../images/home/xh_icon.png) 0 center no-repeat; padding-left: 20px; line-height: 50px; color: #999999; font-size: 14px;}
.ab_pho{margin-top: 12px;}
.supply_pic{width:100%;min-width:1200px; height:435px; background:url(../images/home/supplychain.jpg) center top no-repeat}
ul.ab_nav{padding: 30px 0;}
ul.ab_nav li{display: block; float: left; padding: 0 26px; line-height: 40px; margin: 0 1px; background-color: #132F56; color: #fff;}
ul.ab_nav li:hover,ul.ab_nav li.ab_navho{background-color: #F9BE00; color: #132F56;}

.ab_del{margin-top: 30px; font-size: 16px;}
.ab_delh5{color: #132F56; display: block; padding: 10px 0 20px 0; font-size: 18px;}
.ab_delp{text-indent: 2em; color: #3E3A39; line-height: 35px;}
.ab_delimg{padding: 18px 10px;}
.ab_delimg img{width: 582px; height: 359px;}
.ab_foot{height: 50px;}

.ab_hic{background-color: #F0F0F0; margin-top: 30px;}
.ab_hi{width:1000px; margin:0 auto; padding: 30px 0; background-color: #F0F0F0;}
ul.ab_hile{border: 1px solid #F0F0F0;}
ul.ab_hile li{display: block; position: relative; border-bottom: 1px solid #F0F0F0; background-color: #fff; padding: 10px; color: #898383; font-size: 16px;}
ul.ab_hile li:hover,ul.ab_hile li.ab_hileho{background-color: #0066FF; color: #fff;}
ul.ab_hile li:hover div.ab_hilejt,ul.ab_hile li.ab_hileho div.ab_hilejt{position: absolute;	top: 10px; right: -20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #0066FF;}

ul.ab_hiri{background: url(../images/home/hi_xx.jpg) 96px 0 repeat-y; display: block; width: 800px;}
ul.ab_hiri li{display: block; padding: 5px 0;}
ul.ab_hiri li i{display: block; width: 90px; height: 44px; text-align: right; line-height: 44px;}
ul.ab_hiri li em{display: block; width: 16px; margin-top: 12px;}
.ab_hirirq{font-size: 23px; color: #0166FF; font-weight: bold; line-height: 44px; margin-left: 20px; font-style:italic;}
.ab_hiricon{background-color: #fff; color: #132F56; font-size: 14px; max-width:600px; -moz-box-shadow: 3px 3px 2px #ccc; box-shadow: 3px 3px 2px #ccc; padding: 10px; position: relative; margin-left: 20px;border-radius:5px; -moz-border-radius:5px;}
.ab_hiriconjt{position: absolute;	top: 10px; left: -20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent #fff transparent transparent;}


ul.sk_list{padding-top: 15px;}
ul.sk_list li a{display: block; float: left; width: 376px; border: 5px solid #EFEFEF; background-color: #EFEFEF; text-align: center; line-height: 38px; margin: 6px; font-size: 16px; margin-top: 10px;}
ul.sk_list li a i{width: 376px; height: 260px; display: block; background: #fff; display: -webkit-flex; display: flex; align-items:center; justify-content:center; overflow: hidden;}
ul.sk_list li a i img{max-width: 376px; max-height: 260px; transition:all 3s ease 0s}
ul.sk_list li a i:hover img{transform:scale(1.9)}
ul.sk_list li a:hover{background-color: #F9BE00; border: 5px solid #F9BE00;}
ul.sk_list li a:link, ul.sk_list li a:visited {
  color: #333;
  text-decoration: none;
}
	
.txpage{
	text-align: center;
	padding: 20px 0;
}
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #A1A1A1;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #fff;
    margin: 0 4px;
    background-color: #F8F8F8;
}

ul.pagination li a.active {
    background-color: #4B648C;
    color: white;
}

ul.pagination li a:hover:not(.active) {background-color: #fff;}
/**************/
/***  news  ***/
/**************/
.news_pic{min-width:1200px; width:100%;height:435px; background:url(../images/home/newspic.jpg) center 0 no-repeat}
.coating_pic{width:100%;min-width:1200px; height:435px; background:url(../images/home/coating.jpg) center top no-repeat}

.news_two p{margin:0}
.news_two a{color:#ccc;text-decoration:none}
.news_two ol,.news_two ul{list-style:none}
.news_two h1,.news_two h2,.news_two h3,.news_two h4,.news_two h5,.news_two h6{font-size:12px;font-weight:400}
.news_two{}.news_two em,.news_two i{font-style:normal}
.news_two img{display:block;border:0}
.news_two input{border:0;background:0}
.news_two input,.news_two textarea{font-family:"微软雅黑",Arial;outline:0;font-size:14px}
.ser_but{position:absolute;top:72px;right:50px;width:70px;height:35px;border-radius:18px;text-align:center;border:1px solid #dedfe1;transition:all .5s cubic-bezier(.215,.61,.355,1) 0s}
.ser_but i{width:70px;height:35px;line-height:35px;transition:all .3s}
.news_two_ul li:hover .ser_but{color:#fff}
.paging_box{position:absolute;bottom:60px;left:50%;margin-left:-80px}
.paging{width:160px;height:38px;border:1px solid #e8e8e8;border-radius:21px}
.paging_l{width:81px;height:40px;border-bottom-left-radius:21px;border-top-left-radius:21px;display:block;float:left;margin-top:-1px;margin-left:-1px;transition:all .3s ease-out 0s}.paging_r{width:81px;height:40px;border-bottom-right-radius:21px;border-top-right-radius:21px;display:block;float:right;margin-top:-1px;margin-right:-2px;transition:all .3s ease-out 0s}.paging_r i{width:58px;height:12px;display:block;background:transparent url(../images/home/icon.png) no-repeat scroll -76px -103px;margin:15px 0 0 10px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}.paging .paging_r:hover i{background:url(../images/home/icon.png) no-repeat -18px -103px;margin:15px 0 0 20px}.paging_l i{width:58px;height:12px;display:block;background:transparent url(../images/home/icon.png) no-repeat scroll -70px -88px;margin:15px 0 0 10px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}.paging .paging_l:hover i{background:url(../images/home/icon.png) no-repeat -148px -88px;margin:15px 0 0 20px}.paging a:hover{background:#ccc}.news_two_bg{width:100%;height:auto}.news_two{margin:0 auto;position:relative;font-size:12px;font-family:Arial,"微软雅黑";width:100%;min-width:1060px}
.news_two_box{width:99%;height:172px; position:relative; border:1px solid #E1E1E1;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.news_two_ul{height:auto; padding:20px 0;width:100%}.news_two_nav{width:100%;padding-left:20px}
.news_two_ul li{width:100%;height:174px;border:1px solid transparent;margin-bottom:20px}
.news_two_txt span{font-size:19px;color:#4A4A4A;display:block;height:21px;overflow:hidden;margin-bottom:20px;transition:all .3s ease-out 0s}
.news_two_box:hover .news_two_txt span{color:#333; font-weight: bold;}
.news_two_txt i{height:52px;color:#a2a2a2;line-height:24px;display:block;overflow:hidden; font-size:14px; transition:all .3s ease-out 0s}
.news_two_box:hover .news_two_txt i{color:#999; text-decoration: none;}
.news_two_txt{width:56%;float:left;margin:36px 0 28px 34px;transition:all .3s ease-out 0s}
.news_two_box:hover .news_two_txt{margin:36px 0 28px 54px; text-decoration: none;}
.news_two_date{width:180px;float:right;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑";color:#999;padding:36px 66px 0 0;transition:all .3s ease-out 0s}
.news_two_box:hover .news_two_date{padding:36px 43px 0 0; text-decoration: none;}
.news_two_date span{height:26px;font-size:19px;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑"}
.news_two_date i{font-size:13px;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑"}
.news_two_but{position:absolute;top:100px;right:105px; font-size: 14px; color: #333;}
.news_two_box:hover{border:1px solid #ccc;}
.news_two_box:hover .news_two_img{background:#f0f0f0; text-decoration: none;}
.news_two_box:hover .ser_but{background:#ccc;border:1px solid #ccc;margin:0 -60px;}
.news_two_img{width:240px;height:172px;float:left;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.news_two_img img{width:220px;height:152px;margin:10px;border-bottom:1px solid rgba(0,0,0,0.09)}

.new-title{text-align: center; font-size: 34px; color: #F90005; font-weight: bold; padding: 20px 0;line-height: 38px;}
.new-time{text-align: center; color: #999; padding: 10px 0 20px 0; font-size: 14px; font-weight: normal; border-bottom: 1px solid #D8D8D8;}
.new-article{margin-top: 32px;}
.new-align-left {margin-right: 1rem; float: left;}
.new-align-right {margin-left: 1rem; float: right;}
.new-p{font-size: 16px; text-indent: 2em; line-height: 30px; color: #666666;}
.new-con{background-color: #fff; padding: 20px; border: 10px solid #F3F3F3; margin-top: 30px;}

.new-foot{border-top: 1px solid #D8D8D8;padding: 20px 0 10px 0; color: #999;}
	

/******************/
/***  products  ***/
/******************/
.pr_pic{width:100%; min-width:1200px; height:435px; background:url(../images/home/productspic.jpg) center 0 no-repeat}
ul.pr_title{margin: 0; padding: 30px 0; background: url(../images/home/wgz.png) 0 bottom no-repeat; height: 76px;}
ul.pr_title li{display: block; float: left; width: 15%;}
ul.pr_title li a{display: block; font-weight: bold; color: #132E56; position: relative; padding-left: 80px; font-size: 15px; background:  url(../images/home/pr_icon.png) 10px center no-repeat; border-top: 4px solid #fff; line-height: 102px;}
ul.pr_title li a:hover,ul.pr_title li a.pr_tiho,ul.pr_title li a.pr_tiho1,ul.pr_title li a.pr_tiho2,ul.pr_title li a.pr_tiho3{display: block; color: #fff; background: #132F56 url(../images/home/pr_icon.png) 10px center no-repeat; border-top: 4px solid #FABE00; text-decoration: none;}
ul.pr_title li.pr_tiicon1 a{background: url(../images/home/pr_icon1.png) 10px center no-repeat;}
ul.pr_title li.pr_tiicon1 a:hover,ul.pr_title li a.pr_tiho1{background: #132F56 url(../images/home/pr_icon1.png) 10px center no-repeat;}
ul.pr_title li.pr_tiicon2 a{background: url(../images/home/pr_icon2.png) 10px center no-repeat;}
ul.pr_title li.pr_tiicon2 a:hover,ul.pr_title li a.pr_tiho2{background: #132F56 url(../images/home/pr_icon2.png) 10px center no-repeat;}
ul.pr_title li.pr_tiicon3 a{background: url(../images/home/pr_icon3.png) 10px center no-repeat;}
ul.pr_title li.pr_tiicon3 a:hover,ul.pr_title li a.pr_tiho3{background: #132F56 url(../images/home/pr_icon3.png) 10px center no-repeat;}
ul.pr_title li a:hover div.pr_jiant,ul.pr_title li a.pr_tiho div.pr_jiant,ul.pr_title li a.pr_tiho1 div.pr_jiant,ul.pr_title li a.pr_tiho2 div.pr_jiant,ul.pr_title li a.pr_tiho3 div.pr_jiant{position: absolute;	bottom: -20px; left: 50%; margin-left: -10px;	width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #132F56 transparent transparent transparent;}

.pr_con{border: 1px solid #D2D2D2; border-top:0; box-shadow: 0 0 15px #999; padding: 0 25px;}
ul.pr_nav{margin: 0; padding-top: 20px;}
ul.pr_nav li{display: block; float: left; padding: 0 20px; margin-right:20px; font-size: 16px; height: 40px; line-height: 40px; background: url(../images/home/pr_icon4.jpg) 0 center no-repeat;}
ul.pr_nav li a{color: #132E56;}
.pr_navfx{background: url(../images/home/pr_icon6bg.jpg) 0 0 repeat-x; height: 35px; text-align: center; width: 100%; margin: 10px 0;}
.pr_wutu{padding: 50px 0 100px 0;  text-align: center; color: #999999; font-size: 16px;}

ul.pr_nav1{margin: 0; padding-top: 5px; padding-left: 20px;}
ul.pr_nav1 li{display: block; padding-left: 20px; font-size: 16px; height: 30px; line-height: 30px; background: url(../images/home/pr_icon4.jpg) 0 center no-repeat;}
ul.pr_nav1 li a{color: #132E56;}
ul.pr_nav1 ol{padding-left: 20px;}
ul.pr_nav1 ol li{color: #666; height: 25px; line-height: 25px;}
.pr_listtit{text-align: center;}
.pr_listtit1{font-size: 29px; font-weight: bold; color: #142E56; padding: 15px 0;}
.pr_listtit2{color: #999; padding: 5px 0;}
.pr_listtit2 i{font-weight: bold; color: #FF0000; font-size: 18px;}
ul.pr_list{margin: 0; padding: 0;}
ul.pr_list li{display:block; float: left; width: 564px; height: 66px; margin: 10px 5px;}
ul.pr_list li a{display:block; color: #333; line-height:66px; background: url(../images/home/pr_btn.jpg) 0 0 no-repeat; padding-left: 85px; font-size: 16px;}
ul.pr_list li a:hover,ul.pr_list li a.pr_listho{background: url(../images/home/pr_btna.jpg) 0 0 no-repeat; color: #fff; text-decoration: none;}

/**************/
/***  join  ***/
/**************/
.jo_pic{min-width:1200px; width:100%;height:435px; background:url(../images/home/joinpic.jpg) center 0 no-repeat}
.download_pic{width:100%;min-width:1200px; height:435px; background:url(../images/home/download.jpg) center top no-repeat}

.jo_mar{margin-top: 30px;}
.jo_left{width: 272px; background: #D4ECF8 url(../images/home/join_lebg.jpg) 0 260px repeat-x; min-height: 680px;}
ul.jo_nav{width: 272px; text-align: center;}
ul.jo_nav li{display: block; position: relative; height: 50px; line-height: 50px; color: #898383; font-size: 16px; color: #333333; background: url(../images/home/join_x.jpg) 0 bottom repeat-x;}
ul.jo_nav li:hover,ul.jo_nav li.jo_navho{background:url(../images/home/join_hov.jpg) 0 0 no-repeat; color: #fff;}
ul.jo_nav li:hover div.jo_navjt,ul.jo_nav li.jo_navho div.jo_navjt{position: absolute;	top: 15px; right: -20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #1AA4D3;}

.jo_right{width: 844px; padding: 20px 40px; border: 2px solid #1DA4DE; font-size: 16px; position: relative;}
.jo_ritit{font-size: 18px; color: #FF0000; padding: 10px 0;}
ul.jo_ri{margin: 20px 0 0 0; padding: 0; width: 460px;}
ul.jo_ri li{display: block; float: left; padding: 6px 0; width: 50%;}
ul.jo_ri li em{color: #999;}
ul.jo_ri li.jo_ribot{width: 100%;}
.jo_ritit1{color: #999; padding: 10px 0; margin-top: 30px;}
.jo_rimap{position: absolute; right: 20px; top: 20px; width: 358px; height: 204px;}

/**************/
/***  悬浮链接  ***/
/**************/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/home/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/home/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/home/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/home/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/home/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/home/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.jo_addt{padding: 20px 0; border-bottom: 1px solid #e1e1e1; color: #666;}
.jo_addtit{padding: 15px 0; font-weight: bold;}
.jo_red{color: #FF0000; font-size: 20px;}
.jo_text{border: 1px solid #cfcfcf;box-shadow: 0px 2px 10px #eee inset; -moz-box-shadow: 0px 2px 10px #eee inset; height: 32px; line-height: 32px; width: 210px; font-size: 16px;}
.jo_tab{color: #666; border-bottom: 1px solid #e1e1e1;}
.jo_tab td{padding: 0 5px;}
.jo_sel{border: 1px solid #cfcfcf; height: 32px; line-height: 32px; width: 105px;}
.jo_area{width: 100%; height: 440px; border: 1px solid #cfcfcf; padding: 10px;box-shadow: 0px 2px 10px #eee inset; -moz-box-shadow: 0px 2px 10px #eee inset;}
.jo_btnc{text-align: center; padding: 20px 0;}
.jo_btn{width: 138px; height: 36px; color: #fff; background-color: #5AC900; font-size: 18px;border: 0}
.jo_gray{color: #838383; margin-top: 20px;}

/*****************/
/***  contact  ***/
/*****************/
.co_pic{width:100%; min-width:1200px; height:435px; background:url(../images/home/contackpic.jpg) center 0 no-repeat}
.co_con{padding: 50px 0;}
.co_right{width: 650px;}

.co_text{border: 1px solid #cfcfcf; color: #999; box-shadow: 0px 2px 10px #eee inset; padding: 0 10px; -moz-box-shadow: 0px 2px 10px #eee inset; height: 36px; line-height: 36px; width: 90%; font-size: 14px;}
.co_area{width: 90%; height: 106px; color: #999; border: 1px solid #cfcfcf; padding: 10px;box-shadow: 0px 2px 10px #eee inset; -moz-box-shadow: 0px 2px 10px #eee inset; font-size: 14px;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/home/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/home/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/home/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/home/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/home/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }