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

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin:0; padding:0; }

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 

/* body */ 
body{color:#757575; font-size:12px; line-height:24px; font-family:Arial, Helvetica, sans-serif; background:#FFF} 
i, em, cite { font-style:normal; }

/* a */ 
a{color:#757575; font-size:12px;/*-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;*/ text-decoration: none; }
a:hover { color:#0030b5; }


/* form */ 
textarea,input,select{ word-wrap:break-word;word-break:break-all;  font-family:Arial, Helvetica, sans-serif} 
input,textarea ,select{vertical-align:middle;font-size:12px; outline:none}
::-webkit-input-placeholder { /* WebKit browsers */color:#ccc; }
::-moz-input-placeholder { /* Mozilla Firefox 4 to 18 */ color:#ccc; }
::-o-input-placeholder { /* Mozilla Firefox 19+ */ color:#ccc; }
::-ms-input-placeholder { /* Internet Explorer 10+ */ color:#ccc; }
textarea { resize:none; /*禁用了文本的拖拉*/}
input::-moz-focus-inner{border: 0;padding: 0; outline:none }
input::-webkit-focus-inner{border: 0;padding: 0; outline:none}
input::-ms-focus-inner{border: 0;padding: 0; outline:none}
input::-o-focus-inner{border: 0;padding: 0; outline:none}
input::focus-inner{border: 0;padding: 0; outline:none}

/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
body img{border:0 none; vertical-align:middle;} 

/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;} 

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */
/*********清除浮动处理**********/
.clr { clear:both; display:block; height:0;font-size:0; overflow:hidden;}

.effect{-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}
	
.effect02{-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}

/*网站头部*/
.topwrap{width:100%; height:120px; background:#FFF; position:fixed; top:0; left:0; right:0; z-index:100;-moz-box-shadow:0 3px 20px rgba(178,178,178,0.4); -webkit-box-shadow:0 3px 20px rgba(178,178,178,0.4); box-shadow:0 3px 20px rgba(178,178,178,0.4);  }
	



.topwrap .top-T{ width:1200px; margin:0 auto; height:100%; position:relative}
.topwrap .top-T .logoL{ width:320px; background:url(../images/logo.jpg) left center no-repeat; background-size:320px 58px; height:100%;  overflow:hidden;}
.topwrap .top-T .tel{ position:absolute; right:0; top:5px; z-index:10;-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;filter:alpha(opacity:100); opacity:1; }
.topwrap .top-T .tel img{ margin-right:1px; margin-top:-2px}
.topwrap .top-T .tel a{ font-size:12px; color:#666666; margin-left:8px;}
.topwrap .top-T .tel a:hover{ color:#007dc5}
/***********nav*******/
.topwrap .nav{ position:absolute; right:0; top:0; bottom:0; z-index:5; margin:auto; line-height:120px; }
.topwrap .nav li{ float:left; margin-left:35px; position:relative;display:inline;}
.topwrap .nav li a{font-size:14px; color:#333333;  display:block; text-transform:uppercase; }
.topwrap .nav li a:hover,.nav li .cur{color:#007dc5}

.height120{ height:120px;}


.topwrap .nav .BoxWrap{background:rgba(255,255,255,0.8); border-top:1px solid #007dc5;  display:none; width:190px; position:absolute; left:0; overflow:hidden; right:0; top:120px; z-index:10000; -moz-box-shadow:0 3px 10px rgba(204,204,204,0.4); -webkit-box-shadow:0 3px 10px rgba(204,204,204,0.4); box-shadow:0 3px 10px rgba(204,204,204,0.4);}
.topwrap .nav .BoxWrap .Box{ overflow:hidden; width:auto; margin:0 auto;}
.topwrap .nav .BoxWrap .Box p{ overflow:hidden;}
.topwrap .nav .BoxWrap .Box p a{ display:block; padding:0 5px 0 15px;  height:40px; overflow:hidden; line-height:40px; color:#b2b2b2; font-size:14px;  text-transform:capitalize;}
.topwrap .nav .BoxWrap .Box p a:hover{ background:#f5f5f5; color:#007dc5}
.topwrap .nav li:hover .BoxWrap{ display:block}

.topwrap .nav .ProTwo{ width:520px;}
.topwrap .nav .ProTwo .Box p{ overflow:hidden; width:260px; float:left;}

.HeadFixed{ height:70px; }
.HeadFixed .top-T .logoL{ width:230px;  background-size:230px 42px;}
.HeadFixed .nav{ line-height:70px}
.HeadFixed.topwrap .nav .BoxWrap{ top:70px;}

.HeadFixed.topwrap .tel{filter:alpha(opacity:0); opacity:0;}
/*********************************公共头部结束*******************************/


.js-silder{position: relative; height:600px}
.silder-scroll{width: 100%; overflow: hidden; height:100%;}
.silder-main{position: relative; width: 100%; overflow: hidden; height:100%;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%; height:100%;}
.silder-main-img a{ display:block; height:100%}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{position:absolute; bottom:0; z-index:10; width: 100%; text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{position: absolute;top: 0;display:none;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "宋体"; font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 0; text-align: left;}
.silder-ctrl-next{right: 0; text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 50%; margin-top: -40px;}
.silder-ctrl-prev>span{display:none;left: 0;}
.silder-ctrl-next>span{ display:none;right: 0;}
.silder-ctrl-con{display: inline-block;width:10px; padding:10px 0; margin:0 10px; cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding:5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; cursor:pointer; border:1px solid #0080c0}
.silder-ctrl-con.active>span{background-color: #0080c0;}

@media (max-width: 768px){
.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}
.silder-ctrl-con{width: 14px;height: 14px;padding: 0;margin: 0 5px;}
.silder-ctrl-con>span{display: block; width: 100%;height: 100%;border-radius: 50%;padding: 0;}
}
.minban{ height:260px; margin-top:100px}



/*产品中心*/



.inPRO{ width:1200px; margin:50px auto ; overflow:hidden;}

.LeftBox{ width:270px; padding:10px 0; border:1px solid #ebebeb; float:left; margin-top:10px;  position:relative;}
.LeftBox .LeftTitle{ width:atuo; height:47px;  padding:0 15px;line-height:47px; font-weight:bold; font-size:14px; color:#4c4c4c}
.LeftBox .LeftList{ overflow:hidden;  }
.LeftBox .LeftList  li {line-height:49px; position:relative;}
.LeftBox .LeftList  li a{ color:#666666; padding:0 15px; font-size:12px; display:block;}
.LeftBox .LeftList  li a:hover{color:#007dc5; font-weight:bold; background:#f5f5f5}

.RightBOx{ width:920px; float:right; overflow:hidden;}
.RightBOx li{ float:left; width:306px; overflow:hidden; padding-top:10px; padding-bottom:15px; }
.RightBOx li .pic{ width:280px; height:280px; margin:0 auto; position:relative; background:#FFF;}
.RightBOx li .pic img{ max-width:100%; max-height:100%; display:block; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0;}
.RightBOx li .txt{ width:auto; line-height:20px;  margin:12px 0 12px 15px; padding-right:80px; overflow:hidden; color:#808080; height:60px; position:relative;}
.RightBOx li .txt span{ display:block; width:60px; height:60px; position:absolute; right:10px; top:0}
.RightBOx li .txt span img{ width:60px; height:60px;}
.RightBOx li a{ display:block; width:280px; border:1px solid #ebebeb;  margin:0 auto;color:#4c4c4c;  font-size:12px;}
.RightBOx li a:hover{-moz-box-shadow:0 3px 15px #f1f1f1; -webkit-box-shadow:0 3px 15px #f1f1f1; box-shadow:0 3px 25px #f1f1f1;  color:#003567}



/****New Products***/

.NewProductsWrap{ width:auto; height:470px; background:url(../images/NewProducts.jpg) center center no-repeat}
.NewProductsWrap .NewProducts{ width:1200px; margin:0 auto; height:470px; color:#ffffff;}
.NewProductsWrap .NewProducts .NewLeft{ width:720px; float:left; background:url(../images/protitle.png)  center 80px no-repeat; padding-top:150px;}
.NewProductsWrap .NewProducts .NewLeft ul{ margin-bottom:20px; overflow:hidden;}
.NewProductsWrap .NewProducts .NewLeft li{ background:url(../images/gou.png) left 3px no-repeat; line-height:22px; margin-bottom:10px; padding-left:30px; font-size:16px;}
.NewProductsWrap .NewProducts .NewLeft .more{ display:block; width:140px; height:30px; margin:0 auto; line-height:30px; text-align:center; background:#FFF; color:#2983b6; font-weight:bold; font-size:14px; text-transform:uppercase;}


.NewRight{ width:420px; padding-left:50px; float:right; background:url(../images/logo02.png) center 80px no-repeat; padding-top:200px; }
.NewRight p{ width:370px; height:45px; line-height:45px; background:#FFF; margin-bottom:10px; -moz-box-shadow:0 0px 5px rgba(178,178,178,0.4); -webkit-box-shadow:0 0px 5px rgba(178,178,178,0.4); box-shadow:0 0px 5px rgba(178,178,178,0.4); position:relative; padding-left:50px;}
.NewRight p input{ height:45px; width:370px; border:0; background:none; font-size:16px; color:#555; font-family:Arial, Helvetica, sans-serif}
.NewRight p span{ position:absolute; left:0; width:50px; height:40px; background:url(../images/icon01.png) center center no-repeat;}
.NewRight p:nth-child(2) span{ background:url(../images/icon02.png) center center no-repeat;}
.NewRight .trigger{ position:relative; font-size:14px; font-style:italic}
.NewRight .trigger span{ display:block; cursor:pointer; background:url(../images/icon04.png) left center no-repeat; padding-left:25px; color:#FFF}
.NewRight .trigger span.cur{ background:url(../images/icon03.png) left center no-repeat; }
.NewRight .trigger a{ position:absolute; right:0; top:0; color:#FFF; font-size:14px;}
.NewRight .login{ display:block; width:220px; height:45px; margin:10px auto; line-height:45px; text-align:center; background:#FFF; color:#2983b6; font-weight:bold; font-size:14px; text-transform:uppercase;-moz-box-shadow:0 0px 5px rgba(178,178,178,0.4); -webkit-box-shadow:0 0px 5px rgba(178,178,178,0.4); box-shadow:0 0px 5px rgba(178,178,178,0.4); }
.NewRight .reg{ text-align:center; display:block; color:#FFF; font-size:14px; text-transform:uppercase;}



/****about us****/
.aboutUsWrap{ background:url(../images/aboutbj.jpg) center center no-repeat; height:500px}
.aboutUs{ width:1200px; margin:0 auto; height:500px; position:relative; }
.aboutUs .title{ font-size:36px; font-weight:bold; color:#646a6f; text-transform:uppercase; text-align:center; padding:80px 0 90px}
.aboutUs .text{padding-left:550px; font-size:16px; color:#808080; line-height:30px; position:relative; padding-bottom:60px}
.aboutUs .text strong{ display:block; color:#646a6f; font-size:18px; margin-bottom:25px}
.aboutUs .text a{ display:block; width:40px; height:40px; background:url(../images/more.jpg) center center no-repeat; position:absolute; right:0; bottom:0;}
.aboutUs .video{ width:380px; height:230px; position:absolute; left:50px; top:170px;}



/***quality***/

.qualityWrap{ height:550px; background:url(../images/qualitybj.png) right center no-repeat #f5f5f5}
.qualityWrap .quality{ width:1200px; margin:0 auto; height:550px}
.qualityWrap .quality strong{ text-align:center; font-size:36px; line-height:36px; text-align:center; text-transform:uppercase; display:block; padding:80px 0 60px}

.qualityWrap .quality .quality_List{ width:1200px;}
.qualityWrap .quality .quality_List li{cursor:pointer; width:245px; float:left; position:relative}
.qualityWrap .quality .quality_List li.last{ width:220px; float:left}

.qualityWrap .quality .quality_List li .box{ width:220px; background:#FFF; height:220px; font-size:14px; color:#cbcbcb; text-align:center; padding-top:60px;}
.qualityWrap .quality .quality_List li .box img{ display:block; margin:0 auto 10px}

.qualityWrap .quality .quality_List li:after{ content:''; width:10px; height:20px; background:url(../images/icon05.png) center center no-repeat; position:absolute; right:10px; top:0; bottom:0; margin:auto}
.qualityWrap .quality .quality_List li.last:after{ width:0}

.qualityWrap .quality .quality_List li .hover{ -moz-box-shadow:0 0px 5px rgba(178,178,178,0.4); -webkit-box-shadow:0 0px 5px rgba(178,178,178,0.4); box-shadow:0 5px 20px rgba(153,153,153,0.4);  width:280px; background:#FFF; height:360px; position:absolute; top:-40px; z-index:10; left:-30px; transform: scale(0);}
	
.qualityWrap .quality .quality_List li .hover .title{ height:40px; line-height:40px; text-align:center; font-size:16px; color:#007dc5; font-weight:bold}
.qualityWrap .quality .quality_List li .hover .pic{ width:280px}
.qualityWrap .quality .quality_List li .hover .pic img{ width:280px;}
.qualityWrap .quality .quality_List li .hover .text{ padding:10px; font-size:13px; color:#b2b2b2; line-height:20px;}
	
.qualityWrap .quality .quality_List li:hover .hover{transform:scale(1);}


/****HistoryWrap*******/
.HistoryWrap{ width:auto; height:550px; background:url(../images/coursebj.jpg) center bottom no-repeat;}
.HistoryWrap .History{ width:1200px; margin:0 auto; height:550px; position:relative;}
.HistoryWrap .History .text{ position:absolute; top:80px; left:0; color:#b2b2b2; font-size:16px; line-height:24px;}
.HistoryWrap .History .text strong{ font-size:48px; color:#007dc5; line-height:38px; display:block; margin-bottom:20px;}

.HistoryWrap .History .act{ cursor:pointer; position:absolute; width:18px; height:18px;}
.HistoryWrap .History .nr{ cursor:pointer; position:absolute;  background:#FFF; -moz-box-shadow:0 5px 20px rgba(128,128,128,0.4); -webkit-box-shadow:0 5px 20px rgba(128,128,128,0.4); box-shadow:0 5px 20px rgba(128,128,128,0.4);  padding:15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; line-height:20px; color:#4c4c4c; font-size:16px; display:none}

.HistoryWrap .History .act:hover,.HistoryWrap .History .act.cur{ background:url(../images/icon06.png) center center no-repeat}
.HistoryWrap .History .act01{bottom:59px; left:52px; }
.HistoryWrap .History .act02{bottom:107px; left:177px; }
.HistoryWrap .History .act03{bottom:158px; left:250px; }
.HistoryWrap .History .act04{bottom:236px; left:330px; }
.HistoryWrap .History .act05{bottom:254px; left:576px; }
.HistoryWrap .History .act06{bottom:294px; left:637px; }
.HistoryWrap .History .act07{bottom:337px; left:761px; }
.HistoryWrap .History .act08{bottom:351px; left:946px; }
.HistoryWrap .History .act09{bottom:355px; left:1000px; }
.HistoryWrap .History .act10{bottom:391px; left:1052px; }
.HistoryWrap .History .act11{bottom:418px; left:1106px; }
.HistoryWrap .History .act12{bottom:427px; left:1220px; }
.HistoryWrap .History .act13{bottom:459px; left:1330px; }

.HistoryWrap .History .nr01{bottom:128px; left:0; }
.HistoryWrap .History .nr02{bottom:158px; left:0; }
.HistoryWrap .History .nr03{bottom:208px; left:100px; }
.HistoryWrap .History .nr04{bottom:128px; left:150px; }
.HistoryWrap .History .nr05{bottom:148px; left:400px; }
.HistoryWrap .History .nr06{bottom:188px; left:450px; }
.HistoryWrap .History .nr07{bottom:238px; left:600px; }
.HistoryWrap .History .nr08{bottom:258px; left:750px; }
.HistoryWrap .History .nr09{bottom:258px; left:800px; }
.HistoryWrap .History .nr10{bottom:298px; left:850px; }
.HistoryWrap .History .nr11{bottom:308px; right:0; }
.HistoryWrap .History .nr12{bottom:348px; right:0; }
.HistoryWrap .History .nr13{bottom:348px; right:0; }




/****News*******/
.newsWrap{ width:auto; background:url(../images/newsbj.jpg) left bottom no-repeat; height:1000px;}
.newsWrap .newsTitle{ font-size:36px; font-weight:bold; color:#646a6f; text-transform:uppercase; text-align:center; padding:80px 0 60px}

.nyWrap .NewsNav{ width:auto; height:40px; text-align:center; margin:40px 0 20px}
.nyWrap .NewsNav li{ display:inline-block; width:200px; height:40px; margin:0 20px}
.nyWrap .NewsNav li a{ display:block; border:1px solid #e6e6e6; height:40px; line-height:40px; background:#f5f5f5; color:#1a1a1a; font-size:14px;}

.nyWrap .NewsNav li.cur a{ background:#007dc5; color:#FFF}

.newsWrap .news{ width:1200px; margin:0 auto;}
.newsWrap .news .newsTop{ height:280px; overflow:hidden; margin-bottom:20px; position:relative}
.newsWrap .news .newsTop a{line-height:24px; color:#989898; font-size:16px; display:block}
.newsWrap .news .newsTop a .pic{ width:400px; position:absolute; left:0; top:0; bottom:0; margin:auto; height:220px; background:#f5f5f5}
.newsWrap .news .newsTop a .pic img{ width:400px; height:220px;}
.newsWrap .news .newsTop a .text{ width:520px; margin-left:350px;  padding-top:60px; padding-left:90px; padding-right:240px; position:relative; height:220px; background:#f5f5f5}
.newsWrap .news .newsTop a .text strong{ display:block; font-size:18px; line-height:36px; color:#646a6f; overflow:hidden; height:36px; margin-bottom:15px;}
.newsWrap .news .newsTop a .data{ position:absolute; right:50px; top:70px}

.newsWrap .news .newsList{ overflow:hidden; margin:40px 0 0; position:relative}
.newsWrap .news .newsList li{ width:590px; float:left; margin-bottom:40px;}
.newsWrap .news .newsList li a { display:block; position:relative}
.newsWrap .news .newsList li a  .data{ position:absolute; left:0; top:0; width:110px; height:110px; background:#f5f5f5}
.newsWrap .news .newsList li a  .data img{position: absolute;top:0; bottom:0; left:0; right:0; margin:auto}
.newsWrap .news .newsList li a .text{ height:140px; margin-left:110px; line-height:20px; color:#999999; padding-top:20px; padding-right:80px; padding-left:40px}
.newsWrap .news .newsList li a .text strong{ display:block; font-size:16px; color:#333333; height:23px; overflow:hidden; line-height:23px; margin-bottom:20px}

.newsWrap .news .newsList li a:hover .data{ background:#007dc5}
.newsWrap .news .newsList li a:hover .text{ background:#646a6f; color:#FFF}
.newsWrap .news .newsList li a:hover strong{ color:#FFF}

.newsWrap .news .more{ display:block; width:180px; height:40px; text-align:center; line-height:40px; border:1px solid #e6e6e6; font-weight:bold; color:#333333; text-transform:uppercase; font-size:14px; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; margin:0 auto }
.newsWrap .news .more:hover{ color:#007dc5; border:1px solid #007dc5}











/********************************************内页**********************************************/

.nybanner{ background:url(../images/bancontact.jpg) center center no-repeat; height:300px;}
.nybanner.bannews{ background:url(../images/bannews.jpg) center center no-repeat;}
.nybanner.banFactory{ background:url(../images/banFactory.jpg) center center no-repeat;}
.nybanner.banpro{ background:url(../images/banpro.jpg) center center no-repeat;}
.nybanner.banQua{ background:url(../images/banQua.jpg) center center no-repeat;}
.nybanner.banRD{ background:url(../images/banRD.jpg) center center no-repeat;}
.nybanner.banItems{ background:url(../images/banItems.jpg) center center no-repeat;}


.nyWrap{ width:auto; margin:0 auto; padding:30px 0;}


/*contact*/

.nyWrap .Title{ font-size:30px; line-height:36px; width:1200px; margin:40px auto 0;display:block; color:#4c4c4c; text-transform:uppercase}
.nyWrap .contact {  width:1200px; margin:40px auto; color:#808080; border-bottom:1px solid #e6e6e6; background:url(../images/contact01.jpg) right top no-repeat; overflow:hidden; padding-bottom:80px; font-size:16px; line-height:36px;}
.nyWrap .contact img{ margin-bottom:20px}
.nyWrap .contact p{ width:250px; float:left;}
.nyWrap .contact p span{ color:#666666; font-weight:bold}
.nyWrap .contact strong{ display:block; font-size:18px; color:#666666; margin-top:40px; margin-bottom:10px; }




/*newslist*/
.NewsTitle{ font-size:30px; text-align:center; line-height:36px; margin:30px 0; display:block; color:#4c4c4c; text-transform:uppercase}

.nyWrap .NewsList{ width:1200px; margin:0 auto; overflow:hidden}
.nyWrap .NewsList li{ border:1px solid #e6e6e6; margin-bottom:15px;}
.nyWrap .NewsList li a{ display:block; padding:20px 20px 20px 140px; line-height:20px; position:relative}
.nyWrap .NewsList li a .data{ font-weight:bold; position:absolute; left:20px; text-align:right; font-size:18px; color:#989898; top:0; bottom:0; height:60px; margin:auto;}
.nyWrap .NewsList li a .data span{ display:block; font-size:36px; line-height:36px; color:#333333;}
.nyWrap .NewsList li a strong{ display:block; color:#333333; font-size:16px; margin-bottom:5px;}

.nyWrap .NewsList li:hover{ background:#007dc5}
.nyWrap .NewsList li:hover a .data{color:#FFF;}
.nyWrap .NewsList li:hover a{ color:#FFF}
.nyWrap .NewsList li:hover a .data span{color:#FFF;}
.nyWrap .NewsList li:hover a strong{color:#FFF;}



/***newsSHow***/
.newsShow{ width:1200px; margin:0 auto; overflow:hidden}

.newsShow .title{ font-size:24px; color:#4c4c4c; text-align:center; line-height:36px; font-weight:bold; margin:20px 0 40px}
.newsShow .data{ font-size:14px; color:#808080; text-align:center; line-height:36px;height:36px; background:#f5f5f5; margin:20px 0 }
.newsShow .newsShow_nr{ overflow:hidden; font-size:16px; color:#333333; line-height:30px;}

/**About**/
.AboutText{ overflow:hidden; width:1200px; margin:0 auto; font-size:16px; color:#808080; line-height:30px;}

.AboutText .AboutCon1{ height:330px; margin-bottom:60px; background:url(../images/about01.jpg) left center no-repeat; padding-left:660px; padding-top:70px;}
.AboutText .AboutCon2{ height:779px; margin-bottom:60px; background:url(../images/about02.jpg) right center no-repeat;}
.AboutText .AboutCon3{ height:307px; margin-bottom:60px; background:url(../images/about03.jpg) left center no-repeat; padding-left:600px; padding-top:60px;}
.AboutConvideo{ width:1100px; margin:0 auto; height:660px;}

/**productlist**/

.productlistWrap{ width:1200px; margin:0 auto; overflow:hidden}

.productlistWrap .proRight{ width:900px; float:right;}
.proSearch{ padding:20px 30px 10px; position:relative; margin:10px 9px 10px 9px; overflow:hidden;  border-top:1px solid #007dc5; background:#f5f5f5; border-bottom:1px solid #e6e6e6}

.proSearch .list{ margin-bottom:15px; height:30px; line-height:32px; font-size:16px; color:#333; position:relative; padding-left:130px;}
.proSearch .list span{ display:block; width:130px; position:absolute; left:0; top:0}
.proSearch select{ height:30px; border:1px solid #ccc; color:#333; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; padding-left:10px; font-size:14px }
.proSearch input{ height:30px; border:1px solid #ccc; color:#333; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; padding-left:10px; font-size:14px }

.proSearch .list .Radio{background:url(../images/icon14.jpg) right center no-repeat; padding-right:25px; display:inline-block; margin-left:12px; cursor:pointer}
.proSearch .list .Radio.cur{ background:url(../images/icon15.jpg) right center no-repeat;}


.proSearch .list .button{ cursor:pointer;width:90px; padding:0; color:#333; background:#FFF}
.proSearch .tips{ position:absolute; height:32px; line-height:32px; font-size:16px; color:#4c4c4c; right:30px; bottom:20px;}
.proSearch .tips a{ margin-left:20px; color:#333; font-size:16px; background:url(../images/txt.jpg) right center no-repeat; display:inline-block; padding-right:30px;}
.proSearch .tips i{ color:#0071b6}



.productlist{ width:900px;  margin:0 auto; overflow:hidden}
.productlist li{ width:300px; float:left; overflow:hidden;  padding:20px 0;  position:relative; }
.productlist li .pic{ width:280px; height:280px;  position:relative; background:#FFF;}
.productlist li .pic img{ max-width:100%; max-height:100%; display:block; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0;}
.productlist li .txt{ width:auto; line-height:20px;  margin:12px 0 12px 15px; padding-right:80px; overflow:hidden; color:#808080; height:60px; position:relative;}
.productlist li .txt span{ display:block; width:60px; height:60px; position:absolute; right:10px; top:0}
.productlist li .txt span img{ width:60px; height:60px;}
.productlist li a{font-size:14px; width:280px; color:#444444; overflow:hidden; border:1px solid #ececec; display:block; margin:0 auto}
.productlist li a:hover{-moz-box-shadow:0 3px 15px #f1f1f1; -webkit-box-shadow:0 3px 15px #f1f1f1; box-shadow:0 3px 25px #f1f1f1;  color:#003567}


/**honorList**/
.honorList{ width:1200px; padding:20px 0 0; margin:0 auto; overflow:hidden}
.honorList li{ width:300px; float:left; overflow:hidden;  margin-bottom:25px; position:relative;}
.honorList li a{width:280px; color:#333333; overflow:hidden; border:1px solid #ececec; font-size:16px; display:block;  margin:0 auto}
.honorList li a .pic{ width:280px; height:390px; position:relative;  overflow:hidden; margin:0 auto;}
.honorList li a .pic img{ position:absolute; max-width:100%; max-height:100%; left:0; right:0; bottom:0; top:0; margin:auto}
.honorList li a .txt{ text-align:center; overflow:hidden; height:42px; border-top:1px solid #ececec; padding:0 10px; line-height:42px}


/**Quality**/
.QuaNav{ width:1200px; margin:0 auto; height:200px;}
.QuaNav li{ width:240px; float:left; position:relative}
.QuaNav li a{ display:block;  height:200px;}

.QuaNav li.Nav01 a{ background:url(../images/nyq01.jpg) center center no-repeat}
.QuaNav li.Nav02 a{ background:url(../images/nyq02.jpg) center center no-repeat}
.QuaNav li.Nav03 a{ background:url(../images/nyq03.jpg) center center no-repeat}
.QuaNav li.Nav04 a{ background:url(../images/nyq04.jpg) center center no-repeat}
.QuaNav li.Nav05 a{ background:url(../images/nyq05.jpg) center center no-repeat}

.QuaNav li.Nav01.cur a{ background:url(../images/nyq01a.jpg) center center no-repeat}
.QuaNav li.Nav02.cur a{ background:url(../images/nyq02a.jpg) center center no-repeat}
.QuaNav li.Nav03.cur a{ background:url(../images/nyq03a.jpg) center center no-repeat}
.QuaNav li.Nav04.cur a{ background:url(../images/nyq04a.jpg) center center no-repeat}
.QuaNav li.Nav05.cur a{ background:url(../images/nyq05a.jpg) center center no-repeat}

.QuaNav li.cur:after{ content:''; position:absolute; left:0; right:0; margin:auto; bottom:-20px; width:40px; height:20px; background:url(../images/san.png) center top no-repeat ;}

.QuaTab{ background:#f5f5f5; padding:60px 0}
.QuaTab .QuaTab_nr{ width:1140px; display:none; margin:0 auto; background:#FFF; height:340px; padding:30px;}
.QuaTab .QuaTab_nr .pic{ width:580px; height:340px; float:left}
.QuaTab .QuaTab_nr .pic img{ width:580px; height:340px;}

.QuaTab .QuaTab_nr .text{ width:530px; float:right; font-size:18px; padding-top:50px; line-height:36px; color:#b2b2b2}
.QuaTab .QuaTab_nr .text strong{ display:block; font-size:24px;  color:#007dc5; text-transform:uppercase; margin-bottom:15px}


/***login**/
.LoginWrap{ width:auto; height:684px; padding-top:120px; background:url(../images/loginbj.jpg) center center no-repeat}
.LoginWrap .NewRight{ margin:0 auto; float:none; padding-left:0}




/***login**/
.regWrap{ width:auto; height:734px; padding-top:70px; background:url(../images/loginbj.jpg) center center no-repeat}


.regWrap .reg{ width:420px; margin:0 auto; background:url(../images/logo02.png) center 0px no-repeat; padding-top:120px; }
.regWrap .reg p{ width:410px; height:45px; line-height:45px; background:#FFF; margin-bottom:10px; -moz-box-shadow:0 0px 5px rgba(178,178,178,0.4); -webkit-box-shadow:0 0px 5px rgba(178,178,178,0.4); box-shadow:0 0px 5px rgba(178,178,178,0.4); position:relative; padding-left:10px;}
.regWrap .reg p input{ height:45px; width:370px; border:0; background:none; font-size:16px; color:#555; font-family:Arial, Helvetica, sans-serif}
.regWrap .reg .regBtn{ display:block; width:220px; height:45px; margin:30px auto 20px; line-height:45px; text-align:center; background:#FFF; color:#2983b6; font-weight:bold; font-size:14px; text-transform:uppercase;-moz-box-shadow:0 0px 5px rgba(178,178,178,0.4); -webkit-box-shadow:0 0px 5px rgba(178,178,178,0.4); box-shadow:0 0px 5px rgba(178,178,178,0.4); cursor:pointer }
.regWrap .reg .login{ text-align:center; display:block; color:#FFF; font-size:14px; text-transform:uppercase;}



/**RD_list*/
.RD_listWrap{ background:#fafafa; padding-top:40px; overflow:hidden}
.RD_list{ width:1200px; margin:0 auto 60px; overflow:hidden; background:#FFF;}
.RD_list li{ width:400px; height:300px; float:left}
.RD_list li .text{ font-size:16px; line-height:30px; color:#4c4c4c; padding:50px 30px}







/**proshow**/
.show_center{ width:1200px; overflow:hidden;  margin:20px auto}
.show_center .show_left{ float:left; width:600px; position:relative}

.show_center .show_right{ width:520px; float:right; font-size:16px; color:#808080; padding-top:5px;}
.show_center .show_right .show_title{ line-height:26px; color:#4c4c4c; font-size:24px; font-weight:bold;}

.show_center .show_right .parameter{ margin:30px auto 60px;}
.show_center .show_right .parameter li{ min-height:25px; margin-bottom:10px; position:relative; line-height:25px; padding-left:200px;}
.show_center .show_right .parameter li span{ position:absolute; left:0; top:0; display:block;}


.show_center .show_right .stock{ position:relative;  margin-bottom:15px; line-height:35px; padding-left:70px}
.show_center .show_right .stock  span{ position:absolute; left:0; top:0; display:block;}
.show_center .show_right .stock .spec{ width:auto;}
.show_center .show_right .stock .spec p{ display:inline-block; padding:0 10px; height:34px; margin-bottom:10px; line-height:34px; text-align:center; border:1px solid #e6e6e6; background:#f5f5f5; color:#808080; cursor:pointer; margin-right:10px;}
.show_center .show_right .stock .spec p:hover,.show_center .show_right .stock .spec p.cur{ background:#007dc5; color:#FFF}
.show_center .show_right .stock input{ width:80px; height:35px; border:1px solid #e6e6e6; padding:0 10px; font-size:16px; color:#808080; margin-right:10px}
.show_center .show_right .buybtn{ margin-top:30px; width:460px; overflow:hidden}
.show_center .show_right .buybtn a{ display:block; width:auto; height:30px; line-height:30px; text-align:center; border:1px solid #007dc5; color:#007dc5; font-size:16px; margin-bottom:15px}
.show_center .show_right .buybtn a.add{ color:#FFF; background:#007dc5}


/*图片放大镜样式*/
#preview{ width:600px; overflow:hidden}
.jqzoom{ width:500px; height:500px; border:1px solid #E4E4E4;float:left;  position:relative;}
.jqzoom img{width:500px; height:500px;}
.zoomdiv{z-index:10;position:absolute;top:0;left:600px;width:400px;height:400px;background:#fff ;border:1px solid #E4E4E4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px; border:1px solid #E4E4E4;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.list-h li{height:94px; width:89px; cursor:pointer; text-align:center; position:relative; overflow:hidden;}
#spec-n5{width:89px; float:right; overflow:hidden;}
#spec-left{ width:89px; height:10px; margin-bottom:10px; background:url(../images/btntop.jpg) center center no-repeat;  cursor:pointer;}
#spec-right{ width:89px; height:10px;margin-top:10px; background:url(../images/btnbottom.jpg) center center no-repeat; cursor:pointer;}
#spec-list{ width:89px; overflow:hidden; position:relative;}
ul.list-h li img{ border:1px solid #E8E8E8; display:block; margin:0 auto; width:84px; height:84px;}
ul.list-h li.cur:after { content:''; left:0; right:0; top:0; width:83px; height:83px; border:2px solid #007dc5; position:absolute;}


.ParameterNav{ width:1198px; margin:50px auto 20px; height:40px; border:1px solid #e6e6e6;}
.ParameterNav li{ width:149px; float:left; position:relative}
.ParameterNav li a{ display:block;  height:40px; line-height:40px; text-align:center; font-size:14px;}
.ParameterNav li.cur{ background:#007dc5;}
.ParameterNav li.cur a{ color:#FFF;}
.arameterNav_nr{ width:1200px; margin:0 auto 60px; overflow:hidden; display:none; line-height:24px; color:#333333; font-size:16px}

.Parameter_list{ width:auto; overflow:hidden; padding:20px 0}
.Parameter_list li{ width:300px; float:left; height:30px; line-height:30px; margin-bottom:15px;}
.Parameter_list li .box{ width:270px; margin:0 auto;text-align:center; color:#333333; font-size:14px; height:30px; border:1px solid #e6e6e6; position:relative;}
.Parameter_list li span{ display:block; width:180px; background:#f5f5f5; position:absolute; border-right:1px solid #e6e6e6; left:0; top:0; }
.Parameter_list li i{ display:block; width:90px;  position:absolute; right:0; top:0;white-space: nowrap;}

.Parameter_list li.last{ width:450px; margin-left:14px}
.Parameter_list li.last .box{ width:450px}
.Parameter_list li.last .box span{ width:360px}

.TechnicaList{ width:auto; overflow:hidden; padding:0 20px 20px;}
.TechnicaList .bt{font-size:14px; color:#333333; line-height:30px;height:30px; background:#f5f5f5; margin:10px 0; padding:0 10px; }
.TechnicaList .nr{ padding:10px; overflow:hidden; font-size:16px; color:#808080; margin-bottom:20px}

.QualityList{ width:auto; overflow:hidden; padding:20px;}
.QualityList li{ background:#f5f5f5; padding:20px; overflow:hidden; margin-bottom:20px; position:relative}
.QualityList li .text{ position:absolute; left:650px; top:100px; color:#b2b2b2; font-size:18px; line-height:36px}
.QualityList li .text strong{ font-size:24px; color:#007dc5; display:block; text-transform:uppercase; margin-bottom:20px}

.QualityList li.act02 .pic{ float:right}
.QualityList li.act02 .text{ left:40px;}



/***order*****/
.cartTable{ width:1200px; margin:0 auto; overflow:hidden}
.cartTable .cartList{ overflow:hidden; width:1200px; margin-bottom:20px; position:relative}
.cartTable .cartList .title{ width:1130px; overflow:hidden; border:1px solid #e6e6e6; border-right:0}
.cartTable .cartList .title li{ float:left; height:46px; line-height:46px; width:220px; text-align:center; font-size:16px; color:#333333; background:#f5f5f5; position:relative}
.cartTable .cartList .title li.act05{ width:160px}
.cartTable .cartList .title li.act03{ width:310px;}
.cartTable .cartList .title li:after{ content:''; position:absolute; right:0; height:100%; width:1px; top:0; background:#e6e6e6}

.cartTable .cartList .td {width:1130px; overflow:hidden; border:1px solid #e6e6e6; border-right:0; border-top:0}
.cartTable .cartList .td li{float:left; height:200px; width:220px; text-align:center; font-size:16px; color:#333333; position:relative}
.cartTable .cartList .td li img{max-width:90%; max-height:90%; position:absolute; bottom:0; left:0; right:0; margin:auto; top:0}

.cartTable .cartList .td li span{position:absolute; margin-top:-20px; width:100%; top:50%; margin:auto; left:0; right:0}
.cartTable .cartList .td li.act05{width:160px}
.cartTable .cartList .td li.act03{width:310px;}
.cartTable .cartList .td li:after{content:''; position:absolute; right:0; height:100%; width:1px; top:0; background:#e6e6e6}
.cartTable .cartList .td li.act05 .btn{ height:30px;width:100px; line-height:30px; position:absolute; bottom:0; top:0; left:0; right:0; margin:auto}
.cartTable .cartList .td li.act05 .btn > a{color:#333333; font-size:18px;  width:30px; float:left}
.cartTable .cartList .td li.act05 .btn  input{ height:30px; text-align:center; font-size:16px; border:1px solid #e6e6e6; width:30px; float:left}
.cartTable .cartList .del{ width:70px; position:absolute; right:0; top:0; height:247px; border:1px solid #e6e6e6; background:url(../images/del.png) center center no-repeat #f5f5f5; cursor:pointer}

.cartForm{ background:#f5f5f5; border:1px solid #e6e6e6; width:1100px; margin:20px auto; padding:50px;}
.cartForm .tips{ font-size:18px; color:#757575; margin-bottom:30px;}
.cartForm .list{ height:50px; line-height:50px; padding-left:170px; font-size:18px; color:#808080; margin-bottom:15px; position:relative;}
.cartForm .list span{ position:absolute; left:0; top:0}
.cartForm .list input{ font-size:18px; color:#333333; border:1px solid #e6e6e6; height:50px; padding:0 10px; width:500px}

.cartForm .list.textarea{ height:200px;}
.cartForm .list.textarea textarea{  font-size:18px; color:#333333; width:900px; height:180px;border:1px solid #e6e6e6; padding:10px;}
.cartForm .last{ margin-left:170px}
.cartForm .last .btn{ width:450px; cursor:pointer; height:50px; line-height:50px; text-align:center; font-size:18px; color:#FFF; background:#007dc5; border:0}
.cartForm .last .btn.Reset{ margin-left:17px}

/********************************************end 内页**********************************************/


/*footer*/

.footerWrap{width:100%; height:404px; overflow:hidden; background:url(../images/footbj.jpg) center center no-repeat; border-top:5px solid #017dc5; line-height:28px; font-size:14px; position:relative}
.footerWrap .footer{ width:1200px; margin:0 auto; color:#FFF; position:relative; font-size:12px; height:334px; padding-top:70px;  line-height:33px; overflow:hidden}
.footerWrap .footer .search{ margin:0 auto; width:708px; height:48px; background:url(../images/search.png) center center no-repeat;}
.footerWrap .footer .search .keys{ width:560px; height:42px;border:0;  background:none; padding-left:15px; margin-left:5px; float:left; font-size:14px; color:#555;}
.footerWrap .footer .search .btns{ border:0; background:none; width:120px; height:42px; float:right; cursor:pointer}
.footerWrap .footer .footlogo{ height:150px; background:url(../images/logo03.png) center center no-repeat}
.footerWrap .footer .add{ width:980px; line-height:26px; margin:0 auto; overflow:hidden;}
.footerWrap .footer .add p{ width:245px; float:left; color:#666666; font-size:14px;}
.footerWrap .footer .add p img{ margin-right:2px;}
.footerWrap .footer a{color:#FFF; font-size:12px;}
.footerWrap .footer a:hover{ text-decoration:underline;}
.footerWrap .footer .shar{ overflow:hidden; text-align:center; position:absolute; bottom:10px; left:0; right:0}
.footerWrap .footer .shar a{ display:inline-block; margin:0 5px; width:33px; height:33px;}
.footerWrap .footer .shar a.act01{ background:url(../Images/shar01.png) center center no-repeat; }
.footerWrap .footer .shar a.act02{ background:url(../Images/shar02.png) center center no-repeat; }
.footerWrap .footer .shar a.act03{ background:url(../Images/shar03.png) center center no-repeat; }
.footerWrap .footer .shar a.act04{ background:url(../Images/shar04.png) center center no-repeat; }
.footerWrap .footer .shar a.act05{ background:url(../Images/shar05.png) center center no-repeat; }
.footerWrap .footer .shar a.act01:hover{ background:url(../Images/shar01a.png) center center no-repeat; }
.footerWrap .footer .shar a.act02:hover{ background:url(../Images/shar02a.png) center center no-repeat; }
.footerWrap .footer .shar a.act03:hover{ background:url(../Images/shar03a.png) center center no-repeat; }
.footerWrap .footer .shar a.act04:hover{ background:url(../Images/shar04a.png) center center no-repeat; }
.footerWrap .footer .shar a.act05:hover{ background:url(../Images/shar05a.png) center center no-repeat; }

.copyWrap{ width:auto; padding:10px 0; background:#242424; color:#4c4c4c}
.copyWrap .copy{ width:1200px; margin:0 auto; font-size:14px; position:relative}
.copyWrap .copy a{color:#4c4c4c; font-size:14px;}
.copyWrap .copy a:hover{ text-decoration:underline}
.copyWrap .copy .technology{ position:absolute; right:0; top:0}

/*翻页*/
.pageNavi{text-align:center; margin-top:20px; margin-bottom:20px;}
.wp-pagenavi {CLEAR: both; font-size:14px;}
.wp-pagenavi A { PADDING: 3px 6px; BORDER: #bfbfbf 2px solid; MARGIN: 2px; font-size:14px;}
.wp-pagenavi SPAN {BORDER: #bfbfbf 2px solid;  PADDING: 3px 6px; MARGIN: 2px; }
.wp-pagenavi SPAN.current,.wp-pagenavi A:hover  { BORDER:2px solid #f00; color:#F00}



.Ny_PageWrap{ width:1160px;  font-size:14px; color:#999999;margin:50px auto; position:relative; padding:0 20px; line-height:36px; height:36px; background:#f5f5f5;}
.Ny_PageWrap .PageRight{ position:absolute; right:20px; top:0;}
.Ny_PageWrap a{ font-size:14px; color:#999999;}
.Ny_PageWrap a:hover{ color:#007dc5}

.shopping{ width:60px; height:60px; background:url(../images/cart.jpg) center center no-repeat; position:fixed; right:50px; top:50%;z-index:2;}
.shopping a{ color:#fff; display:block; width:60px; height:60px; position:relative}
.shopping a span{ width:30px; height:30px; background:#FFF; border:2px solid #007dc5; color:#007dc5; font-size:18px; text-align:center; line-height:30px; text-align:center; display:block; position:absolute; right:-15px; top:-15px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:50px; }






.newsWrap .news .newsList li a:hover .time_hover{color:#fff;}
.newsWrap .news .newsList li a:hover .time_hover div{color:#fff !important;}

.cartTable table{border-collapse: collapse;text-align: center;font-size: 16px;}
.cartTable table tr td{padding:10px;word-break: break-all;}
.cartTable table tr th{height:46px;background: #f5f5f5;}
.cartTable table tr td,th{border:solid #e6e6e6; border-width:0px 1px 1px 0px;}
.cartTable table{border:solid #e6e6e6; border-width:1px 0px 0px 1px;}
.cartForm .choose{font-size: 16px;margin-bottom:30px;}
.cartForm .choose textarea {
    font-size: 18px;
    color: #333333;
    width: 960px;
    height: 180px;
    border: 1px solid #e6e6e6;
    padding: 10px;
}
.cartForm .choose li{border:solid #cbcdcf; border-width:1px;padding:10px 10px 10px 60px;margin-bottom: -1px;}
.blue{color:#fff;background:#007dc5 url(../images/yes.png) no-repeat 10px center !important;  }
.unblue{background: url(../images/unyes.png) no-repeat 10px center;  }
.cartForm .explain{font-size: 16px;}
.cartForm .explain table{font-size: 16px;border:solid #e6e6e6; border-width:1px 0px 0px 1px;}
.cartForm .explain table tr td{border:solid #e6e6e6; border-width:0px 1px 1px 0px;padding:5px;}
.cartForm .explain table tr td:nth-child(odd){color:#fff;background:#007dc5;text-align: center;}



.show_center .show_right .stock .spec ul li{display:inline-block;width:46px;height:47px;}
.show_center .show_right .stock .spec ul li img{width:43px;height:43px;}
.spec ul.list-h li.cur:after { content:''; left:0; right:0; top:0; width:42px; height:42px; border:2px solid #007dc5; position:absolute;}