﻿html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}li{list-style: none;}
/*******CSS reset*************/
body{color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.mr{margin:0 auto;}
.ho{height: auto;overflow: hidden;}
.w1200{width: 1200px;}
.b1{border:1px solid #dddddd;}
/*******Css sprite*******/
.wrap{}
.mainbox{width: 100%;background: #f4f4f4;}
.main{background: #fff;}
.main2{background: #fff;}
.in_left{width: 300px; margin:16px;}
.bigt{width: 100%;height: 50px;border-bottom: 3px solid #dddddd;}
.b_l{float: left;display: block; height:50px;border-bottom: 3px solid #14a8af; font-size: 20px;color: #0c848a; line-height: 50px;padding-left: 10px;}
.b_r{float: right;font-size: 14px; line-height: 50px; color: #888888;}
.b_r:hover a{color: #0c848a;}
.l_01,.l_02,.l_03{padding:13px;}
.l_01 li{width: 274px; height: 82px;margin: 3px 0 ;}
.l_01 span{font-size: 22px; font-weight: bold;color: #fff;}
.l_01 i{font-style: italic;font-size: 12px;color: #fff;}
#dh_01{background: url('../Image/dh_01.jpg') no-repeat top center;}
#dh_02{background: url('../Image/dh_02.jpg') no-repeat top center;}
#dh_03{background: url('../Image/dh_03.jpg') no-repeat top center;}
#dh_04{background: url('../Image/dh_04.jpg') no-repeat top center;}
#dh_01 a:hover,#dh_02 a:hover,#dh_03 a:hover,#dh_04 a:hover{background: rgba(0, 0, 0, 0.1)}
#h_02:hover, #h_04:hover, #h_05:hover, #h_07:hover{color: #0c848a;}



#dh_01 a,#dh_02 a,#dh_03 a,#dh_04 a{display: block; width: 141px;height: 63px;background: rgba(0, 0, 0, 0.2);padding:20px 0 0 130px;}
.picScroll-top{ margin:0 auto;  width:100%;  overflow:hidden; position:relative; height: 545px; }
.picScroll-top .bd{ padding:10px;   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1;width: 252px; height: 252px;padding-bottom: 26px;}
.picScroll-top .bd ul li .pic{ text-align:center;  float: left;}
.picScroll-top .bd ul li .pic img{ width:131px; height:180px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-top .bd ul li .pic span{display: block;width: 55px; height: 23px; line-height: 23px; background: #14a8af;text-align: center; color: #fff;}
.picScroll-top .bd ul li .pic span:hover{background: #086165;}
.picScroll-top .bd ul li .title{ line-height:24px; width: 110px;padding-left: 5px; float: left; }
.picScroll-top .bd ul li .title1{ font-size: 18px; font-weight: bold;color: #0c848a;}
.picScroll-top .bd ul li .title2{ font-size: 16px; font-weight: bold;color: #0c848a; }
.picScroll-top .bd ul li .title3{ font-size: 12px; }


.logo_b{position: relative; bottom: 47px; left: 425px;}
.picScroll-top2{ margin:0 auto;  width:443px;  overflow:hidden; position:relative; }
.picScroll-top2 .bd{height: }
.picScroll-top2 .bd ul{ overflow:hidden; zoom:1;}
.picScroll-top2 .bd ul li{ text-align:center; zoom:1; }
.picScroll-top2 .bd ul li .pic{ text-align:left; color:red;font-weight: bold; font-size: 17px}





.in_right{width: 848px; padding-top: 35px;}
.r_01_01{width: 595px;}
.r_01_01 li {width: 106px; height: 96px;border-radius: 11px; background: #f7f7f7; float: left;margin:0 10px 10px 0;-moz-box-shadow:1px 3px 5px #21979d, 2px 2px 5px #333333; -webkit-box-shadow:1px 3px 5px #21979d, 2px 2px 5px #333333; box-shadow:1px 3px 5px #21979d, 2px 2px 5px #333333;text-align: center;}
.r_01_01 li  a{display: block;font-size: 14px; height: 21px;padding-top: 75px}
.r_01_01 li:nth-child(even) {width: 106px; height: 96px;border-radius: 11px; background: #cff3f5;}
#d_01{background: url('../Image/co_01.png')  #f7f7f7 no-repeat center center;cursor:pointer }
#d_01:hover{background: url('../Image/co_01.png')  #cff3f5 no-repeat center center; cursor:pointer }
#d_02{background: url('../Image/co_02.png') #cff3f5 no-repeat center center; cursor:pointer }
#d_02:hover{background: url('../Image/co_02.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_03{background: url('../Image/co_03.png')  #f7f7f7 no-repeat center center; cursor:pointer }
#d_03:hover{background: url('../Image/co_03.png')  #cff3f5 no-repeat center center; cursor:pointer }
#d_04{background: url('../Image/co_04.png') #cff3f5 no-repeat center center; cursor:pointer }
#d_04:hover{background: url('../Image/co_04.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_05{background: url('../Image/co_05.png')  #f7f7f7 no-repeat center center; cursor:pointer }
#d_05:hover{background: url('../Image/co_05.png')  #cff3f5 no-repeat center center; cursor:pointer }
#d_06{background: url('../Image/co_06.png') #cff3f5 no-repeat center center; cursor:pointer }
#d_06:hover{background: url('../Image/co_06.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_07{background: url('../Image/co_07.png')  #f7f7f7 no-repeat center center; cursor:pointer }
#d_07:hover{background: url('../Image/co_07.png')  #cff3f5 no-repeat center center; cursor:pointer }
#d_08{background: url('../Image/co_08.png') #cff3f5 no-repeat center center; cursor:pointer }
#d_08:hover{background: url('../Image/co_08.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_09{background: url('../Image/co_09.png')  #f7f7f7 no-repeat center center; cursor:pointer }
#d_09:hover{background: url('../Image/co_09.png')  #cff3f5 no-repeat center center; cursor:pointer }
#d_10{background: url('../Image/co_10.png') #cff3f5 no-repeat center center; cursor:pointer }
#d_10:hover{background: url('../Image/co_10.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_11{background: url('../Image/co_11.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_11:hover{background: url('../Image/co_11.png')  #cff3f5 no-repeat center center; cursor:pointer }
#d_12{background: url('../Image/co_12.png') #cff3f5 no-repeat center center; cursor:pointer }
#d_12:hover{background: url('../Image/co_12.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_13{background: url('../Image/co_13.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_13:hover{background: url('../Image/co_13.png')  #cff3f5 no-repeat center center; cursor:pointer }
#d_14{background: url('../Image/co_14.png') #cff3f5 no-repeat center center; cursor:pointer }
#d_14:hover{background: url('../Image/co_14.png') #f7f7f7 no-repeat center center; cursor:pointer }
#d_15{background: url('../Image/co_15.png')  #f7f7f7 no-repeat center center; cursor:pointer }
#d_15:hover{background: url('../Image/co_15.png')  #cff3f5 no-repeat center center; cursor:pointer }
.r_01_02{width: 252px}
.r_01_02 img {width: 252px;height:82px;}
.r_01_02 li{width: 252px; height:52px; line-height: 52px; text-align: right;background: #e5e5e5;margin:3px 0;transition: 0.5s;}
.r_01_02 li span{text-align: left;display: block;float: left;padding-left: 45px; color: #14a8af;transition: 0.5s;}
.r_01_02 li a{text-align: right;display: block;float: right;padding-right: 45px;color: #444444;transition: 0.5s;}
.r_01_02 li:hover a{color:#14a8af; }
.r_01_02 li:hover {background: #bfeaec;}
.r_02box{margin-top: 10px;padding:15px;}
.r_03_c{margin:10px 0; background: #f4f4f4; font-size: 14px;line-height: 27px;padding:20px;}
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ height:34px; line-height:34px;  padding:0 10px 0 20px; position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;background:#14a8af; color: #fff;  margin-right: 8px;}
.slideTxtBox .hd ul li.on{ height:34px;  background:#9fe3e7; color: #0a787d;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:36px; line-height:36px;margin:0 10px; width: 403px; border-bottom: 1px solid #f7f2f2;padding:0 10px;}
.slideTxtBox .bd li:hover{background: #9fe3e7;}
.news_one{width: 439px;padding: 0 10px;line-height: 25px;}
.news_one span{float: right;}
.news_cc a{display: block; width:325px;}
.news_cc a:hover{color: #0a787d}


.slideTxtBox .bd li .date{ float:right; color:#999; font-size: 14px;}
.news_one a{display: block;width: 100%;}
.news_onet{width: 100%;}
.r_04_c{padding: 15px 0; }
.r_04_c li{width: 203px;height: 150px; float: left; overflow: hidden;}
#h_01 img{transition: all 1s; position: relative; right:10px;}
#h_02{}
#h_03 img{transition: all 1s;position: relative; right:10px;}
#h_04{}
#h_05{}
#h_06 img{transition: all 1s;position: relative; right:10px;}
#h_07{}
#h_08 img{transition: all 1s;position: relative; right:10px;}
#h_02,#h_04,#h_05,#h_07{background: #f3f3f3;padding-top: 40px;height: 110px;text-align: center;font-size: 18px;}
#h_02 span,#h_04 span,#h_05 span,#h_07 span{font-size: 14px;text-transform:uppercase}
/* top */
.topbox{width: 100%;background: #e5f6f4;}
.top {height: 140px;}
.logo{padding-top: 35px; height: 90px;}
.logo a {display: block;width: 100%;}
.qrcode{padding-top: 15px;}
.qrp{width: 100px;height: 70px;margin-top: 30px; line-height: 25px;text-align: right;}
.qri{margin:0 15px;}
/* nav */
.navbox{width: 100%;height: 57px;background: #14a8af;}
.navli{width: 146px;text-align: center; float:left; height: 57px; line-height: 57px; transition: .5s; position: relative;}
.navli:hover{background: #06848a;}
.navli a{color:#fff; display: block; width: 146px; height: 57px; transition: .5s;font-size: 16px;}
.navli:hover .navli{color:#000;}


.navli .submenu{ width:0; height: auto; background: #e2f8f9; opacity: 0; position: absolute; top:56px; z-index: 10000; border: 3px solid #06848a; padding-bottom: 10px; overflow: hidden}
.navli .submenul{width: 150px;height: 330px;padding-top:30px;position: absolute;top:0;}
.navli .submenul a{display: block; color: #14a8af;font-size: 14px; width: 150px;height: 50px;line-height: 50px; text-align: center; font-size: 16px;}
.navli .submenul a:hover{color: #666666;}
.navli .submenur{float: left; position: absolute; top:20px;}
.navli .submenur li{float: left; width: 227px;padding:0 15px;}


.ar_ars{padding:10px;}
.ar_ars li{line-height: 35px; border-bottom: 1px dashed #585858; padding:0 10px;}
.ar_ars li:hover{background: #cbedef;}
.ar_ars li:hover a{color: #3ca8af}
.yygk{float: left; font-size: 16px;	color: #14a8af;font-weight: bold; width: 100%;text-align: left;}
.ggtz li{ float: left; width: 100%; }
.ggtz_c{width: 100%; height: 29px; float: left;text-align: left;text-overflow:ellipsis; overflow:hidden;}
.ggtz_c a{width: 100%;line-height: 29px;color: #14a8af; height: auto; font-size: 14px;}
.ggtz_m{width:112px; height: 28px; text-align: center; line-height: 28px; background: #14a8af; color: #fff;}
.ggtz_m a{width: 100%;line-height: 29px;color: #000; height: auto; font-size: 14px;color: #fff;}
.ggtz_m a:hover{color: #fff;}
.ggtz_c a:hover{color: #000;}
.navli .submenur .submenu_img{margin:0 auto;text-align: center;}
.zzryimg{width: 195px; height: 131px;display: block;margin: 3px 10px; float: left;}



	.msbox a{display: inline; color: #000;}
    .ms{width: 732px!important; height: 100%; }
    .ms01{width: 360px;float:left;}
    .msimg{width: 133px; height: 181px; padding:7px; background: #fff; line-height: 25px;}
    .msimg img{width: 129px; height: 178px;}
    .msc{width:190px; line-height: 25px;text-align: left;margin-left: 10px;}
    .msc01 {width: 190px;font-size: 16px;font-weight: bold;color: #14a8af;}
    .msc02 {width: 190px;font-size: 14px;}
    .msc03 {width: 190px;font-size: 14px;color: #14a8af;line-height: 27px;}
   .keshi:nth-of-type(2) {width: 287px!important;}
	.keshi {width: 160px!important;}
.box1 {width: 140px!important;line-height: 35px;text-align: left; border-bottom: 1px dashed rgba(0, 0, 0, 0.3);margin-right: 3px;}
.box1 a {color: #000;font-size: 13px;width: 150px!important;display: inline;text-align: left;}
.box1 a:hover {color: #14a8af;}



.navli .submenur p{padding-top: 10px;line-height: 25px!important; text-align: left!important; color: #222;font-size: 12px;}
.navli .submenur p span{font-weight: bold;font-size: 14px;}
/* banner */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../Image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
/* daohang */
.dhbox{width: 100%;height: 92px; background: #14a8af;}
.dh{line-height: 92px; height: 92px; background: #14a8af;}
.dh li{float: left; height: 92px; transition: 0.5s;}
.dh li img{display:inherit;float: left; padding:24px 12px 24px 35px; }
.dh li a{font-size: 20px; color: #fff; display: block; height:92px; width: 199px;line-height: 92px; border-right: 1px solid #10949a;}
.dh li:hover{background: #11969c;}
#allmap p{line-height:10px;margin:10px;}
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
/*************index&goods**************/
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#da020d;text-align:center;}
.info_title{margin:30px 0 0 27px;width:663px;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{padding:0 3px;}
.order textarea{padding: 3px;}
.orders{margin:0;line-height:40px;}
.orders tbody {margin:0;line-height:30px;}
.orders tr {margin:0;line-height:30px;}
.orders td {margin:0;line-height:30px; color: #fff;}
.orders img{vertical-align:-5px;cursor:pointer;}
.orders input{padding:0 3px;}
.orders textarea{padding: 3px;width: 274px;background: #70dce1;border:0px;}
.search-ba{background: #ffde00;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
#prev_next li:hover  a{color: #14a8af}

.footerbox{width: 100%;height: 266px;}
.footertbox{background: #14a8af; width: 100%;padding-top: 30px;}
.footert{height: 215px; }
.footerbbox{ background: #00878d; width: 100%;}
.footerb{height: 51px;  background: #00878d;}
.ft{font-size: 20px; font-weight: bold; color: #fff;}
.f01{width: 300px;}
.f02{width: 290px;padding-left: 20px;line-height: 26px;}
.f02c li {float: left;font-size: 14px;color: #84eaef; margin:0 5px;}
.f02c li:hover a {color: #fff;}
.f03{width: 230px;line-height: 26px;}
.y{color: yellow!important;}
.f03c li {float: left;font-size: 14px;color: #84eaef; margin:0 5px;}
.f01c{font-size: 14px; line-height: 50px;color: #fff;}
.f04 li{ float: left;padding: 10px; }
.footerb{text-align: center;color: #fff;line-height: 51px;}
/* 内页 */
#nybanner{background: url('../Image/ny_banner.jpg') no-repeat center; height: 247px; width: 100%;}
.main{position: relative; top: 5px;}
.widget{width: 346px;border-right: 1px solid #eeeeee;}
.article{width: 853px; min-height: 850px;}
.ntit{height: 65px;width: 100%;background: #cbedef; font-size: 20px; color: #14a8af; line-height: 65px;}
.ntit i{padding:0 20px;}
.lj{color: #14a8af; font-size: 14px;padding-right: 10px;}
.n_c{padding:20px 0;height: auto;overflow: hidden;}
.n_c li{float: left;margin:3px 19px; width: 306px; height: 64px; line-height: 64px; background: #f0f0f0;color: #444444;text-indent:  30px;font-size: 16px;}
.n_c li:hover{ background: #bfeaec;color: #0da2a9}
.n_c li i{color: #63ccd1;padding:0 10px; font-size: 25px;}
.n_c li:hover i{color: #fff;}
.n_c li:hover a{color: #0da2a9;}
.n_c li a{display: block; width: 100%; height: 100%;}




.jy_c{padding: 20px;}
.jy_c li {width: 92px; height: 96px;border-radius: 11px; background: #f7f7f7; float: left;margin:0 10px 10px 0;-moz-box-shadow:1px 3px 5px #21979d, 2px 2px 5px #333333; -webkit-box-shadow:1px 3px 5px #21979d, 2px 2px 5px #333333; box-shadow:1px 3px 5px #21979d, 2px 2px 5px #333333;text-align: center;}
.jy_c li  a{display: block;font-size: 14px; height: 21px;padding-top: 75px}
.jy_c li:nth-child(even) { background: #cff3f5;}
.ar_ar{padding:30px;font-size: 16px; color: #666666;line-height: 30px; min-height: 1000px;}
/* 新闻 */
.news li{ float: left; border-bottom: 1px dashed #ccc; height: 40px; line-height: 40px; width: 783px; padding:0 5px;}
.news li:hover{background: #cbedef;}
.news li:hover a{color: #3ca8af;}


.picbiglist {width: 239px;float: left;border: 1px solid #f0f0f0;padding: 2px;margin: 5px;}
.picbiglist a {color: #5b5b5b;font-size: 12px;}
.piclist {width: 243px;	height: 162px;	text-align: center;	float: left;}
.piclist img {vertical-align: middle;max-width: 239px;max-height: 207px;}
.piclist span {	height: 100%;width: 0;overflow: hidden;	display: inline-block;	vertical-align: middle;}
.p_c {width: 100%;float: left;	text-align: center;font-size: 14px;display: block;background: #cbedef;}
.picbiglist:hover .p_c{background: #f7f7f7;}


.picbiglistms {width: 239px;float: left;border: 1px solid #f0f0f0;padding: 2px;margin: 5px;}
.picbiglistms a {color: #5b5b5b;font-size: 12px;}
.piclistms {width: 243px; height: 238px;  text-align: center; float: left;}
.piclistms img {vertical-align: middle;max-width: 239px;max-height: 235px;}
.piclistms span { height: 100%;width: 0;overflow: hidden; display: inline-block;  vertical-align: middle;}
.p_cms {width: 100%;float: left;  text-align: center;font-size: 14px;display: block;background: #cbedef;}
.picbiglistms:hover .p_cms{background: #f7f7f7;}


    .jy01{width: 374px; height: 348px; margin:0 20px 10px 0; background: #fff; float: left; border: 1px solid #f2f2f2;}
    .jy_t{height: 37px;line-height: 37px; width: 100%;background: #efefef;}
    .jy_t01{height: 37px;line-height: 37px; background: #319f98;color: #fff;font-size: 15px;text-align: center;padding: 0 5px;}
    .jy_t02{ margin-right: 10px; }
    .jy_t02 a{color: #ff9000;}
    .jy_t02 a:hover{color: #000;}
    .jy_cc{padding:0 10px;}
    .jy_cc li { line-height: 45px; height: 45px; padding:0 5px;}
 .jy_cc li:hover {background: #bfeaec}
 .jy_cc li:hover a {color: #000}


.protype{border-bottom:  1px  solid #ccc;margin-bottom: 30px;font-family: impact;font-size:20px; font-weight: bold;color: #da020d;}
.prot_l { width: 20%; }
.prot_l img {width: 100%;}
.prot_r {width: 70%;margin: 0 5%; }
.bt{font-size: 25px; line-height: 55px}


.name,.name1,.name2{width: 100%!important;}
.lxfs p{width: 50%; float: left;}
.name2{color: red;margin-top: 20px;}