@charset "utf-8";
/*
	Trp CSS Document
	Author By Globalstech.LS
	date:2016-07-12
*/
*{ margin:0; padding:0;}
ul,ol,li{ list-style:none;}
img{ border:none;}
html,body{min-width:1366px;}
a{ text-decoration:none;}
.clears:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clears{*+height:1%;}

.sinochem-body p{margin:0;}
.sinochem-body{margin:0 auto; width:100%;min-width:1366px;}
/*header*/
.sinochem-header{     padding: 0 80px;margin:0 auto;margin-bottom:23px;}
.header-logo{ width:457px; height:53px; float:left; display:inline;margin-top:24px;}
.header-right{ width:376px; float:right;}
.search-box{width:100%;height:24px;position: relative;margin-top:20px;margin-bottom:10px;}
.search-box input{border:none;height:24px;line-height:24px; padding:0 32px 0 12px;box-sizing:border-box;width:194px;background-color:transparent;outline:medium;background:url(images/seacrh-bg.png) no-repeat;float:right;}
.search-box .search-ico{position: absolute;width:14px;height:16px;top:4px;right:10px;background:url(images/search.png) no-repeat;display:block;}
/*.header-right-ul{padding-right:16px;background:url(images/map-ico.jpg) right center no-repeat;}*/
.header-right-ul li{float:left;width:92px;height:30px;line-height:30px;text-align:center;}
.header-right-ul li a{color:#333;font-size:12px;}





/*nav*/
.sinochem-nav{ width:100%;    border-top: 1px solid #474747; margin:0 auto; }
.nav-box{width:1280px;margin:0 auto;position: relative;}
.nav-ul{
	width:1280px;
	height: 54px;
	box-sizing:border-box;
	margin:0 auto;
	padding: 0 20px;
}
.nav-ul li{
	line-height: 54px;
	float: left;
	width: 136px;
	color: #000;
	font-size: 18px;
	margin: 0 35px;
	text-align: center;
}
.nav-ul li.on{
	background-color: #f8f8f8;
	border-bottom:1px solid #005bac;
}
.nav-item{
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 55;
	display: none;
}
.nav-item .nav-item-ul{
	width: 1280px;
	box-sizing: border-box;
	height: 240px;
	padding: 34px 800px 0 100px;
	background: url(images/nav-gywm.png) 500px no-repeat;
	background-color: rgba(255,255,255,0.9);
	display: none;
}
.nav-item .nav-item-ul li{
	padding-left: 25px;
	margin-right: 15px;
	background: url(images/nav-item-ico.png) 8px center no-repeat;
	width: 136px;
	height: 40px;
	line-height: 40px;
	float: left;
}
.nav-item .nav-item-ul li.on{
	display: block;
}
.nav-item .nav-item-ul li a{
	width: 136px;
	height: 40px;
	line-height: 40px;
	color: #4d4d4e;
	font-size: 16px;
	cursor: pointer;
	
}


/*banner*/
.sinochem-banner{ width:100%; margin:0 auto;margin-bottom:62px; }
/*banner*/
.banner-box{width: 100%;position: relative;}
.banner-ul{width: 100%;position: relative;}
.banner-ul li{
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
}
.banner-ul li.on{
	display: block;
}
.banner-ul li img{
	display: block;
	width: 100%;
}
.banner-zw{
	width: 100%;
	visibility:hidden;
	
}
.banner-zw img{
	width: 100%;
	display: block;
}
.banner-left{
	position: absolute;
	left: 5%;
	top: 40%;
	cursor: pointer;
}
.banner-right{
	position: absolute;
	right: 5%;
	top: 40%;
	cursor: pointer;
}
.banner-ids{
	position: absolute;
	left: 50%;
	bottom: 5%;
	margin-left: -48px;
}
.banner-ids li{
	width: 11px;
	height: 11px;
	background: url(images/ids-ico1.png) no-repeat;
	float: left;
	margin-right: 4px;
	margin-left: 4px;
	cursor: pointer;
}
.banner-ids li.on{
	background: url(images/ids-ico2.png) no-repeat; 
}



/*content*/
.sinochem-content{ width:100%; margin:0 auto;}

/*公司简介*/
.gsjj-box{width: 100%;margin-bottom: 62px;}
.gsjj-left{
	float: left;
	width: 50%;
	position: relative;
}
.gsjj-left img{width: 100%;    display: none;}
.gsjj-left img.on{display:block;}
.gsjj-prev{width:50px;height:50px;background:url(images/banner-prev.png) no-repeat;position: absolute;top:45%;left:5%;display:none;}
.gsjj-next{width:50px;height:50px;background:url(images/banner-next.png) no-repeat;position: absolute;top:45%;right:5%;display:none;}
.gsjj-left:hover .gsjj-prev,.gsjj-left:hover .gsjj-next{display:block;cursor: pointer;}
.gsjj-right{
	float: left;
	width: 50%;
	position: relative;
}
.home-pos-h{
	position: absolute;
	left: 0;
	margin-left: -140px;
	width: 280px;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	font-size: 26px;
	box-sizing: border-box;
	padding-left: 68px;
	background: url(images/gsjj-title-bg-1600.png) no-repeat;
	background-size: cover;
	top: 5%;
}
.gsjj-right p{
	line-height: 30px;
	font-size: 12px;
	color: #333;
	margin: 0 auto;
	margin-top: 13%;
	display: block;
	width: 80%;
}
.gsjj-right .gsjj-more{
	background: url(images/more-bg.png) no-repeat;
	background-size: cover;
	width: 143px;
	line-height: 39px;
	font-size: 12px;
	color: #a81cac;
	padding-left: 40px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: 10%;
	bottom: 5%;
}
.gsjj-right .gsjj-more:hover{color:#a81cac;text-decoration: none;}



/*切换图*/
.qh-box{width:100%;margin-bottom: 62px;}
.qh-left{
	float: left;
	width: 10%;
}
.qh-left .qh-ul li{
	margin-bottom: 1px;
	position: relative;
	cursor: pointer;
	background: url(images/qh-li.png) no-repeat;
	background-size: 100% 100%;
}
.qh-left .qh-ul li.on{
	background: url(images/qh-li-on.png) no-repeat;
	background-size: 100% 100%;
}
.qh-left .qh-ul img{
	width: 100%;
	display: block;
}
.qh-left .qh-ul li.on .qh-sj{
	display: block;
}
.qh-left .qh-ul .qh-sj{
	width: 7%;
	position: absolute;
	top: 41%;
	right: -7%;
	display: none;
	z-index: 5;
}
.qh-right{
	float: left;
	width: 90%;
}
.qh-right img{
	width: 100%;
	display: block;
}
.qh-right .qh-logo{
    float: left;
    width: 119px;
    height: 62px;
}
.qh-item{
	position: relative;
	display: none;
}
.qh-item .qh-p{
	width: 50%;
	box-sizing: border-box;
	padding: 35px;
	background: url(images/qh-p-bg.png) repeat;
	position: absolute;
	right: 6.5%;
	top:10%;
}
.qh-item .qh-p h2{
	color: #14a83b;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 20px;
}
.qh-item .qh-p h2 .news-title{
	color: #14a83b;
	font-size: 26px;
	font-weight: bold;
	line-height: 62px;
	margin-bottom: 20px;
	margin-left:5px;
	float:left;
}
.qh-item .qh-p h2 .news-title:hover{
	text-decoration: none;
}
.qh-item .qh-p p{
	color: #14a83b;
	font-size: 14px;
	line-height: 26px;
	text-indent: 2em;
	margin-bottom: 32px;
}
.qh-item .qh-p .qh-more{
	color: #f9b814;
	font-size: 14px;
	line-height: 14px;
}





/*新闻中心*/
.xwzx-box{
	margin: 0 auto;
	width: 1280px;
	margin-bottom: 62px;
}
.xwzx-title{
	position: relative;
}
.xwzx-title h1{
	width: 280px;
	margin: 0 auto;
	line-height: 80px;
	height: 80px;
	color: #242323;
	font-size: 36px;
	box-sizing: border-box;
	border-bottom: 1px solid #c9c9c9;
	text-align: center;
}
.xwzx-title h1 span{
	line-height: 80px;
	height: 80px;
	box-sizing: border-box;
	display: inline-block;
	border-bottom: 1px solid #f8b551;
}
.xwzx-title .xwzx-more{
	color: #f9b814;
	position: absolute;
	height: 80px;
	padding: 0 10px;
	line-height: 80px;
	right: 0;
	font-size: 14px;
	bottom: 0;
}
.xwzx-con{
	margin-top: 60px;
}
.xwzx-con li{
	width: 43%;
	float: left;
	padding-left:7%;
	margin-bottom: 24px;
}
.xwzx-con li .xwzx-date{
	float: left;
	width: 92px;
	font-size: 14px;
	color: #757575;
	line-height: 24px;
}
.xwzx-con li .xwzx-right{
	float: left;
	
}
.xwzx-con li .xwzx-right p{
	margin:0;
}
.xwzx-con li .xwzx-right p .news-title{
	font-size: 18px;
	color: #2c2c2c;
	line-height: 24px;	
}
.xwzx-con li .xwzx-right .news-more{
	color: #fbab4c;
	font-size: 14px;	
	line-height: 34px;
}


/*联系我们*/
.sinochem-lxwm{
	margin-bottom:80px;
}
.lxwm-left{
	float: left;
	width: 50%;
	position: relative;
}

.lxwm-img{
	width: 100%;
}
.lxwm-title-box{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 59px;
	width: 100%;
	z-index: 6;
	background: url(images/lxwm-yy.png) no-repeat;
}
.lxwm-video-box{
	display: none;
}
.lxwm-video-box.on{
	display: block;
}
.lxwm-title-box .news-title{
	color: #fff;
	font-size: 18px;
	line-height: 59px;
	margin-left: 26px;
}
.lxwm-title-box .news-title:hover{
    text-decoration: none;
}
.lxwm-zjt{
	position: absolute;
	top: 45%;
	left: 5%;
	background: url(images/lxwm-left.png) no-repeat;
	width: 26px;
	height: 41px;
	cursor: pointer;
}
.lxwm-yjt{
	position: absolute;
	top: 45%;
	right: 5%;
	background: url(images/lxwm-right.png) no-repeat;
	width: 26px;
	height: 41px;
	cursor: pointer;
	
}
.lxwm-play{
	position: absolute;
	top: 40%;
    left: 45%;
    width: 10%;
	cursor: pointer;
}



.lxwm-right {
	position: relative;
	float: right;
	width: 50%;
}
.lxwm-right .home-map{
	width: 100%;
}
.lxwm-p{
	position: absolute;
	top: 28%;
	left: 60px;
	background: url(images/lxwm-bg.png) repeat;
	padding:20px 20px;
}
.lxwm-p p{
	color: #ffffff;
	font-size: 12px;
	line-height:28px;
}
.home-pos-lxwm{
	background: url(images/lxwm-title-bg-1600.png) repeat;
}

.video-zz{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    display: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}
.video-close{
width: 45px;
    height: 45px;
    position: fixed;
    right: 20%;
    top: 20%;
    margin-right: -22px;
    margin-top: -22px;
    z-index: 101;
    cursor: pointer;
display: none;
}
.video-show{
    width:60%;
    position: fixed;
    left: 20%;
    top: 20%; 
    z-index: 100; 
display: none;
}
/*footer*/
.sinochem-footer{ width:100%; margin:0 auto;}

/*底部*/
.footer-box{width: 100%; margin: 0 auto;background-color:#0b6acb;}
.footer-top{
	width: 1280px;
	margin: 0 auto;
	height: 70px;
	
}
.footer-top-border{
	width: 100%;
	border-bottom: 1px solid #8ab8e6;
}
.footer-middle{
	width: 1280px;
	margin: 0 auto;
}
.footer-bottom{
	width: 100%;
	background-color: #035db8 ;
}
.footer-bottom-box{
	width: 1280px;
	margin: 0 auto;
	height: 80px;
	padding-top: 12px;
	box-sizing: border-box;
}
.footer-bottom-box p{
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	margin:0;
}
.footer-ul1 {
	padding-top: 20px;
}
.footer-ul1 li{
	float: left;
	line-height: 40px;
	color: #fff;
	font-size:16px;
	width: 213px;
	text-align: center;
}
.footer-ul2{
	padding: 10px 0;
}
.footer-ul2 li{
	float: left;
	color: #fff;
	width: 213px;
	text-align: center;
}
.footer-ul2 li a{
	color: #fff;
	font-size:14px;
	line-height: 30px;
	display: block;
	cursor: pointer;
}

/*end*/