/*fp-seed:jj242x3jg0m0 @core eloe6k8w*/
*{margin: 0; padding: 0; font-family: "微软雅黑"; box-sizing: border-box}
li{list-style: none}
a:hover,a:link,a:focus,a:visited{text-decoration: none; color: #2d2d2d}
.newsbg{background-color: #f1f1f1; margin-top:50px; padding-bottom: 30px}
.clearfix:after{display: block; content: ""; clear: both}
.logo img{height:70px; padding:5px 0}
.logo-bar{height: 71px; background-color: #FFFFFF}
.logo-bar>div{width:1200px; margin: auto}
.logo{float: left}
.index-topbar{border-bottom: 1px solid #edeef0}
.topbar{width: 1200px;margin: 0 auto}
.index-top{line-height: 40px}
.index-top-left{float: left}
.index-top-right{float: right}
.index-top-right a img{vertical-align: text-bottom;padding-right: 5px}
.index-sou-search{width: 1200px;margin: 0 auto}
.index-sear-left{float: left;line-height: 70px;font-size: 14px}
.index-sear-right{float: right;line-height: 70px}
.index-sear-right >div{margin-top: 22px;float: right;padding: 6px 10px; background: #1286B4;color: #fff;font-size: 14px;font-weight: 400;line-height: 1;text-align: center}
.index-sear-right >input{    height: 26px; width: 270px !important; border-radius: 0;border: #1286B4 2px solid}
.index-sou{border-bottom: 1px solid #ccc; height: 70px}

.column-title {padding: 10px 0 10px 15px; background: url(../images/c5b71c8b_p_56.jpg)}
.column-title h3 {display: inline-block;vertical-align: middle; padding-right: 10px}
.column-title h3 a {font-size: 18px;color: #fff}
.column-title span { display: inline-block; vertical-align: middle;color: #fff}
.column-title>a { padding-right: 20px; position: relative; margin-right: 15px;color: #fff; float: right}
.column-title>a:after {display: inline-block; position: absolute;right: 0; top: 3px;content: ""; width: 15px; height: 15px; background-image: url(../images/1e0c156d_arrow.png); background-size: 100%}

.m_bd {
    border: 1px solid #cdcdcd;
    background: #ededed;
    padding: 5px}
.m_bd .tab {
    border: 1px solid #ddd;
    background: #fbfcfd}
.tab .tab_menu {
    width: 380px;
    float: left;
    border-right: 1px solid #ddd}
.tab .tab_menu .tab_item {
    padding: 3px;
    border-bottom: 1px solid #ddd}
.tab .tab_menu .tab_item .item_wrap {
    position: relative;
    height: 70px;
    background: url(../images/beb7c541_p_12.png) top left repeat-x}
.tab .tab_menu .tab_item .thumb {
    margin-left: 5px;
    float: left;
    width: 70px;
    height: 70px}
.tab .tab_menu .thumb_1 {background-position: -8px -7px}
.tab .tab_menu .tab_item .des {
    width: 191px;
    overflow: hidden;
    float: left;
    margin-left: 6px;
    margin-top: 18px;
    line-height: 1.6em}
.tab .tab_menu .tab_item .des b{font-size: 16px}
.tab .tab_menu .arrow {
    display: none;
    position: absolute;
    background: url(../images/da141131_p_11.png) top left no-repeat;
    top: 20px;
    right: -19px;
    width: 19px;
    height: 31px}
 .tab .tab_menu .thumb_2 {background-position: -8px -102px}
.tab .tab_menu .thumb_4 {background-position: -8px -283px}
.tab .tab_menu .thumb_3 {background-position: -8px -192px}
.tab .tab_menu .cur .item_wrap {
    color: #fff;
    background: url(../images/b4ef54af_p_10.png) top left repeat-x}
.tab .tab_menu .cur .item_wrap .arrow {
    display: block}
.tab .tab_con {
    float: left;
    width: 800px}
.tab .tab_con .con {
    display: none;
    padding: 20px;
    line-height: 2em}
.tab .tab_con .show {
    display: block}
.tab .tab_con img{width: 100%}


.pg-con .anli-main ul{border: none}
.pg-con .anli-main ul li{text-align: center;padding-left: 20px;padding-right: 20px}
.pg-con .anli-main ul li >div{float: none}
.pg-con .anli-main ul li >a{float: none}

.fg_slider{	
	position:relative;
	margin:0 auto;
    overflow: auto; 
	width:707px; 
	height: 909px}
.fg_slider ul {width: 100%;height: 100%;overflow: auto}
.fg_slider img {width: 100%;height: 100%;overflow: auto}




.zh-news{
	width: 480px;
	float: left;
	margin: 0 10px}

.mod .m_hd {
    width: 100%;
    height: 44px;
    background: url(../images/76109ccd_p_18.png) top left repeat-x;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd}
.mod .m_hd .more {
    display: block;
    float: right;
    margin-top: 12px;
    margin-right: 20px;
    background: url(../images/2e20a007_p_19.png) top left no-repeat;
    width: 50px;
    height: 17px}
.mod .m_hd .title1 {background-color:#1286b4;
    float: left;
    height: 44px;
    width: 168px;
    _width: 123px;
    line-height: 44px;
    padding-left: 45px;
    font-size: 16px;
    color: #fff;
    font-family: 'Microsoft Yahei',Helvetica,Arial,sans-serif}
.m_news .m_hd .title2 {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #444;
    font-family: 'Microsoft Yahei',Helvetica,Arial,sans-serif}
.mod .m_hd a {
    display: block;
    float: right;
    margin-top: 12px;
    margin-right: 20px;
    background: url(../images/2e20a007_p_19.png) top left no-repeat;
    width: 50px;
    height: 17px}
.zh-news .mod .m_bd {
    border: 1px solid #cdcdcd;
    border-top: 0;
    padding: 18px;
    background: #fff;
    height: 309px}
.m_news .pic_item {
    margin-bottom: 10px}
.m_news .pic_item .thumb {
    float: left;
    width: 140px}
.m_news .pic_item .des {
    float: left;
    width: 200px;
    margin-left: 10px}
.m_news .pic_item .des a{font-size: 14px}
.m_news .pic_item .des p {
    margin-bottom: 5px}
.m_news .pic_item .des p {
    line-height: 1.5em}
.list_s1 li {
    padding-left: 15px;
    background: url(../images/60f0c3b8_p_20.png) center left no-repeat;
    line-height: 28px}
.list_s1 .time {
    float: right}
.massage{
	width: 350px;
	float: left}
.massage .mod .m_bd {
    border: 1px solid #cdcdcd;
    border-top: 0;
    padding: 18px;
    background: #fff;
    height: 309px}
.m_bd form >div{
	line-height: 40px}
.m_bd form >div input{
	height: 24px;
	width: 230px}
.m_bd form >div strong{
	padding-right: 10px}
.m_bd form >div textarea{
	height: 42px;
    vertical-align: middle;
    width: 230px}
.sublime input{width: 50px !important}
.yzm input{width: 80px !important}
.yzm img{vertical-align: middle;padding-left: 10px}

.sublime{text-align: center}

/*index_main*/
.index_main{
	width:1200px;
	padding-top:20px;
	margin:0 auto;
	overflow:hidden}
/*license*/
.license1{
	margin-left: 150px;
	margin-top:10px;
	text-indent: 2em;
	overflow:hidden;
	clear:both
	height:auto}
.license1 h2{font-size: 20px; color: #1286B4; margin:20px 10px 10px;height:auto}
.license1 p{font-size: 15px; line-height: 2}
.license1 p img {margin: 0 auto; text-align: center; width:1000px;height:auto}

.new p{float: left;position: relative;margin-bottom: 15px}
.new p span{
	position: absolute;
	bottom: -20px;
	left: 20%;
	font-size: 16px;
	font-weight: 150}

/*what_fire*/
.what_fire{float:left;width:580px;height:auto}
.what_fire h2{padding:15px;margin-top:20px; color: #1286B4;text-align:center;font-size: 28px} 
.what_fire p {margin-top:20px; text-indent:2em; color:#303; font-size: 18px; line-height: 4}
/*index/video*/
.video_box{padding-right:1px;float:right;width:600px;height:auto}
.video_box video_01{ height: 100%;width: 100%}
.video_box video_02{ height: 100%;width: 100%}

/*QR_code*/
.QR_code{
	text-align:center;
	width:140px;
	height:400px;
	position: fixed;
	border:#33F;
	margin-right:1%;
	top:20%}
.QR_code img {
    max-width: 100%;
    max-height: 100%}

.language{float: right}
.language{padding:20px 0}
.language>div{float: right}
.language a{padding:5px}
.language a img{display: inline-block; vertical-align: middle}
.language a P{display: inline-block; vertical-align: middle}
.phone{padding:22px 80px 20px 0px; float: right}
.phone img,.phone p{float: left}
.phone p{font-size: 13px; padding-left: 10px; color:#1286B4}
.phone img{max-width: 100%}
.nav{margin:5px auto 0; width:1200px;text-align: center}
.nav ul li{display: inline-block}
.nav ul li a{font-size: 18px; color:#006; padding:6px 35px}
.nav ul li.active>a{background-color: #1286B4; color: #FFFFFF}
.nav ul >li >ul >li >a{font-size: 14px} 
#wrapper{ width:1200px;margin: 0 auto}
#wrapper img{width:100%}
.title{padding:50px 0 0}
.title h2{font-size: 24px; font-weight: 200; color: #1286B4; text-align: center; padding-bottom: 20px; margin-bottom: 30px}
.title h2:after{display: block; content: ""; width:30px; height: 2px; background-color: #1286B4;margin: auto; margin-top:20px}
.products {width:1200px; margin: auto;margin-top: 15px}
.products p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.products ul{margin-top:30px}
.products ul li{width:25%; float: left; padding:10px}
.products ul li img{width:100%}
.products ul li a:hover h3{color: #1286B4}
.about{margin-bottom: 100px}
.about>div>div:after{display: block; content: ""; width:1200px; margin: auto; height: 30px; background-image: url(../images/88bdb109_bgab.png); background-size:100% 100%}
.aboutli{position: relative}
.aboutli img{width:100%}
.aboutli>div{width:100%; position: absolute; top:50px}
.aboutli>div>div{width:1100px; margin: auto; padding:30px 0 50px;background-color: #FFFFFF}
.aboutli p{line-height: 1.8; font-size: 16px;padding:0 30px; text-indent: 2em}
.aboutli h3{line-height: 2; margin:10px 0 20px; padding:0 30px; font-size: 20px; color: #1286B4}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected{background-color: #17A8E2 !important}
.tp-leftarrow.large,.tp-rightarrow.large{background-color: #17A8E2}
.tp-leftarrow.large:hover,.tp-rightarrow.large:hover{background-color: #A9C840 !important}

.news{width:1200px; margin: auto}
.news img{max-width: 100%}
.news-list>div{width:50%; float: left; padding:10px}
.news-time{width:60px; height: 60px; float: left; vertical-align: middle; text-align: center; background-color: #1286B4}
.news-list li h3{line-height: 50px; float: left; margin-left: 30px; font-size: 18px; color: #555555; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.news-list li h3:hover a{color: #1286B4}
.news-time p,.news-time span{color: #FFFFFF}
.news-time span{font-size: 22px; display: inline-block; padding-top:8px}
.news-list li{padding:10px 0; border-bottom: 1px dashed #CCC}
.news-list li:after{display: block; content: ""; clear: both}

footer{padding:25px; margin-top:50px; background-color: #1B2330; width:100%}
footer p,footer p a{color: #83888F !important; text-align: center; font-size: 13px; line-height: 1.8}
/*#owl-demo { width: 1200px; margin-left: auto; margin-right: auto}
#owl-demo .item{ display: block}
#owl-demo img { display: block; width: 100%}*/

/*about*/
.bread{width:1200px; height: 50px; margin: auto}
.bread li{float: left; line-height: 50px; border-bottom: 2px solid #1286B4}
.bread li a,.bread li{font-size: 18px; color: #1286B4; font-weight: bold}
.pg-main{width:1200px; margin: auto;margin-top:30px}
.pg-nav{width:120px; float: left;position: relative}
.nav-drop{display:none;position: absolute; padding:10px; background-color: rgba(255,255,255,0.9); left: 120px; top:0; box-shadow: 0 0 10px #888}
.nav-drop li{width:120px}
.nav-drop li a{display: inline-block; width:100%; line-height:30px; padding:5px}

.pg-nav li{width:120px}
.pg-nav li a{display: inline-block; margin-bottom: 10px; border-radius: 5px; background-color: #1286B4; color: #FFFFFF; width:100%;  line-height: 30px; padding:5px; text-align: center}
.pg-nav li a:hover{background-color: #17A8E2}
.pg-con{
	margin-left: 150px;
	margin-top:10px;
	text-indent: 2em;
	overflow:hidden;
	clear:both
	height:auto}
.pg-con h2{font-size: 20px; color: #1286B4; margin:20px 10px 10px;height:auto}
.pg-con p{font-size: 15px; line-height: 2}
.pg-con p img {margin: 0 auto; text-align: center; width:300px;height:auto}

.honor p{float: left;position: relative;margin-bottom: 15px}
.honor p span{
	position: absolute;
	bottom: -20px;
	left: 20%;
	font-size: 16px;
	font-weight: 150}
.pg-con >div >div{float: none}
.cona{margin:20px 0; text-indent: 0 !important}
/*products*/
/*.productspg li{width:25%; float: left}
.productspg li:hover>div{border-color: #1286B4;box-shadow: 0 0 10px #CCCCCC}
.productspg li img{max-width: 100%}
.productspg li p{text-indent: 0; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; margin-bottom: 20px}
.productspg li>div{padding:10px; height: 340px; margin:5px; border:solid 1px #eee; border-radius: 5px}
.productspg li h3{font-size: 18px;  margin:10px 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}*/
.productspg li p{width:33.33%; line-height: 40px; float: left; font-size: 14px; text-align: left}
.productspg li:first-child p{font-size: 16px; font-weight: bold}
.productspg li:nth-child(2n+1) p{background-color: #f1f1f1}
.productspg li a:hover{color: #0887B9; font-weight: bold}
.pro-main{border: 1px solid #ccc}

.pro-main .pro-liuc{
	padding: 20px}
.pro-main .pro-liuc h4{
	font-size: 20px;
    color: #2472c7;
    margin-bottom: 10px}
.pro-main .pro-liuc strong{color: #ff0000}


.pager{margin-top:30px; text-align: center}
.pager ul{display: inline-block}
.pager li a{border:1px solid #EEEEEE; width:30px; height: 30px; line-height: 28px; vertical-align: middle; text-align: center; display: inline-block; margin:5px}
.pager li{float: left}
.pager li.active a,.pager li a:hover{background-color: #1286B4; color: #FFFFFF; border-color: #1286B4}
.newspg li:after{display: block; content: ""; clear: both}
.newspg li{padding:10px 0; border-bottom: 1px dashed #CCCCCC}
.newspg li h3{margin-right:100px; float: left; line-height: 40px; font-size: 16px; font-weight: 500; color: #000000}
.newspg li p{text-indent: 0; float: right; line-height: 40px}
.newspg li h3 a:hover{color: #1286B4}
.contpg iframe{border: none; width:100%; height: 300px}/*global-cs8y4o*/
.address{margin-top:30px}
.address li{float: left; width:70%; font-size: 15px; line-height: 1.8;padding-right: 10%}
.message{margin-top:20px; padding-bottom: 20px}
.message h3{font-size: 18px; margin:20px 0 10px}
.message input{padding:10px; width:49%; border:1px solid #CCC}
.message textarea{width:98.5%; height: 200px; margin-top: 10px; padding:10px; border:1px solid #CCC}
.btn{padding:10px 25px; background-color: #1286B4; color: #FFFFFF !important}
.newdetailcon p{margin-bottom: 10px; line-height: 1.8; font-size: 15px}
.newdetailcon img{max-width:100%}
.ntime{text-align: center; padding:10px 0; color: #888}
.newdetail h2{margin:10px 20px; text-align: center}
.prodetail h1,.prodetail h2{font-size: 20px; margin:20px 0px 40px; color: #555555; font-weight: 100; text-align: center}
.prodetail img{max-width:100%}
.prodetail h3{text-align: left; font-size: 20px;font-size: 16px}
.procon h3{font-size:14px;text-align: left; margin-bottom: 20px; padding:10px 50px 10px; display: inline-block; border: 1px solid #CCCCCC; border-top:2px solid #1286B4}
.prodetail li{text-align: left; font-size: 16px; line-height: 1.8; display: inline-block; width:30%}
.prodetail li span{color: #888888}
.procon{text-align: left}
.prodetail p a{color: #E1472F}
.nav li{position: relative}
.nav ul li{padding:16px 0}
.dropdown{position: absolute; display: none; top:52px;z-index: 999; background-color: rgba(18,134,182,0.8); border:1px solid #1286B4}
.dropdown li{padding:0 !important; display: inline-block; width:100%}
.dropdown li a{padding:10px 20px !important; display: inline-block; width:100%;text-align: center; color: #FFFFFF !important}
.dropdown li a:hover{background-color: #17A8E2}
.nav>ul>li:hover>a{color: #FFFFFF;background-color: #1286B4}
.nav>ul>li:hover>.dropdown{display: block}
.proms {text-align: left; padding:30px 0 30px}
.space{}
@media only screen and (max-width: 768px) {
	.logo-bar>div,.nav,.products,.news,.bread,.pg-main{}
	#wrapper{
	width: 1200px}
	footer{width:1200px}
}
/*partner*/
.partner{margin-left: 200px}
.partner>ul li{
	padding: 10px 0;
    border-bottom: 1px dashed #CCCCCC}
.partner>ul li img{padding:10px; border:1px solid #CCCCCC}
.partner li h3 {
    margin-right: 100px;
    float: left;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding-left: 25px}
.partner li p {
    text-indent: 0;
    float: right;
    line-height: 40px}
/*ab-culture*/
.ab-culture img{margin-bottom: 20px}
.ab-culture p{margin-bottom: 10px}

/*search*/
.search{float: right;padding:20px 100px 20px 20px}
.search input{border:1px solid #CCCCCC; padding:5px 10px; line-height: 18px; outline: none}
.search form{float: left}
.search a{padding:5px 15px; float: left}