@charset "utf-8";

/*reset*/

.topadcs{width:100%; margin-bottom:0px;overflow:hidden; text-align:center;}

.topadcs a{display:block;margin:0 auto;height:300px;}

/* CSS reset for c_b */

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

table th , table td {padding:5px;}

fieldset , img {border:0;}

address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}

ol , ul {list-style:none;}

ception , th{text-align:left;}

q:before , q:after{content:'';}

abbr , acronym{border:0;}

a {color:#666; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:none;} /*for ff f6n.net*/

a:hover {text-decoration:underline;}



/*定位*/

.tl {text-align:left;}

.tc {text-align:center;}

.tr {text-align:right;}

.bc {margin-left:auto; margin-right:auto;}

.fl {float:left; display:inline;}

.fr {float:right; display:inline;}

.zoom {zoom:1}

.hidden {visibility:hidden;}

.vam {vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;}



-moz-box-sizing:content-box;

-webkit-box-sizing:content-box;

box-sizing:content-box;







/*原reset*/

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

body{font:12px/1.231 arial,helvetica,clean,sans-serif;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}

/*end reset*/

h2.nyh2{ text-align:center; color:#ff7f00; background:url(Img/insidePage/_dl_tit.png) no-repeat center; font-size:22px; margin-top:30px;}

h2.nyh2 a{ color:#ff7f00}

h2.nyh2 strong{color:#000}

h2.nyh2 a strong{color:#000}



#roll_top,#fall,#ct{position:relative;cursor:pointer;height:59px;width:52px}

#roll_top{background:url(/Skins/Default/Img/top.gif) no-repeat}

#fall{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -80px9}

#ct{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -40px}

#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:53%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}





/* CSS Document */

body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/



.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1000px;}



/*页眉*/

body { background: #fff; color: #333; position: relative; }
a { text-decoration: none; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; color: #333; }
a:hover { text-decoration: none; color: #3074e1; }
li, img { -webkit-transition: all 0.20s linear 0.01s; -moz-transition: all 0.20s linear 0.01s; -ms-transition: all 0.20s linear 0.01s; -o-transition: all 0.20s linear 0.01s; transition: all 0.20s linear 0.01s; }
ul { padding: 0; list-style: none; margin: 0; }
@font-face { font-family: fzzdh; src: url("../fonts/fzzdh.ttf"); }
em { font-style: normal; }
.container { width: 1000px !important; padding: 0; }
.head { position: relative; z-index: 10; }
.head .head-top { height: 35px; line-height: 35px; background:#fff url(head-top-bg.jpg); border-bottom: 1px solid #d0d0d0; }
.head .head-top .left { float: left; color: #666; }
.head .head-top .right { float: right; color: #666; }
.head .head-top .right .bdsharebuttonbox { float: left; padding-top: 5px; }
.head .head-top .right .btn { color: #666; }
.head .head-top .right span{color:#aaa;}
.head .head-center { height: 135px; background: url(head-bg.jpg); clear: both; }
.head .head-center .logo { float: left; margin-top:0px;margin-bottom:0;}
.head .head-center .logo h1{ margin: 0;display: inline;}
.head .head-center .introduce { float: left; width: 400px; }
.head .head-center .introduce img { float: left; margin-right:18px;}
.head .head-center .introduce .h2 {margin-top: 35px; margin-bottom: 5px;font-weight: bold;font-size:24px;color:#3074e1;}
.head .head-center .introduce .h2 span{}
.head .head-center .introduce em { font-size: 18px; color: #333; }
.head .head-center .phone { float: right; font-size: 28px; margin-top: 35px; }
.head .head-center .phone img { margin-right: 10px; float: left; }
.head .head-center .phone .phone-num { float: left; margin-top: 3px; }
.head .head-center .phone small { font-size: 16px; display: block; margin-left: 3px; color:#333; }
.head .head-center .phone span { display: block; color: #3074e1; font-weight: bold; }
.nav { height: 45px; background: #004ecd url(head-nav-bg.jpg); clear: both; position: relative; z-index: 10; }
.nav .menu { }
.nav .menu { position: relative; z-index: 1; }
.nav .menu a { color:#fff; }
.nav .menu li { float: left; position: relative; display: inline; height: 45px; }
.nav .menu li a { display: block; font-size: 14px; width: 122px; height: 28px; text-align: center; line-height: 28px;border-right: 1px solid #004DCD;border-left: 1px solid #3074E1;margin-top: 8px; }
.nav .menu li:hover { background: #f6b20f url(head-nav-hover.jpg) center center; }
.nav .menu .index { background: #f6b20f url(head-nav-hover.jpg) center center; }
.nav .menu .index a{color:#333;}
.banner { width: 100%; height: 520px; overflow: hidden; position: relative; z-index: 100; }
.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; left: 47%; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width: 20px; height: 20px; line-height: 14px; text-align: center; background: rgba(0,0,0,0.4); cursor: pointer; border-radius: 100px; margin: 0 2px; }
.banner .hd ul li.on { background: #3074e1; color: #3074e1; }
.banner .bd { width: 100%; height: 520px; overflow: hidden; margin: 0 auto; position: relative }
.banner .bd ul { width: 100%; height: 520px; overflow: hidden; position: absolute; top: 0; left: 0 }
.banner .bd li { float: left; width: 100%; height: 520px; }
.banner .bd li span { display: block; width: 100%; height: 520px }
.banner .bd li a { display: block; width: 100%; height: 520px }
.banner .bd li .img_1 { background: url("banner1.jpg") center top no-repeat }
.banner .bd li .img_2 { background: url("banner2.jpg") center top no-repeat }
.banner .bd li .img_3 { background: url("banner3.jpg") center top no-repeat }
.banner .prev, .banner .next { height: 75px; background: #fff; position: absolute; left: 8%; top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000; border-radius: 5px; }
.banner .next { left: auto; right: 8%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }
.search { padding: 10px 0; display: block; background: #eee;border-bottom:1px solid #ccc; }
.search .container { }
.search .tags { float: left; line-height: 40px; font-size: 12px; width: 600px; }
.search .tags span { float: left; font-size: 12px; line-height: 40px; margin: 0; font-weight: bold; color: #20171a; }
.search .tags ul h4 { float: left; }
.search .tags ul h4 { margin-right: 10px; font-size: 12px;margin-top: 14px;border-right: 1px solid #8C7B50; padding-right: 10px; }
.search .form { float: right; height: 35px; margin-right: 0px; margin-top:0px; }
.search .form .search-keyword { width: 280px; height: 30px; line-height: 30px; background: #fff;color: #aaa; padding-left: 28px; font-size: 12px; float: left; margin-top: 2px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; border-right: 0; }
.search .form .search-submit { width: 49px; height: 30px; background: #3074e1; border: none; margin-top: 2px; top: 0; font-size: 18px; color: #fff; border-radius: 0 5px 5px 0; }
.navbar-example { position: fixed; top: 20%; left: 0; width: 50px; z-index: 0; }
.navbar-example .nav { background: none; }
.navbar-example .navbar-collapse { padding: 0; }
.navbar-example .navbar-nav>li { display: block; float: none; height: 40px; width:80px; border-top: 1px solid #3d8fd3; text-align: center; line-height: 40px; background: #3074e1; border-right: 1px solid #3d8fd3; }
.navbar-example .navbar-nav>li>a { padding: 0; line-height: 40px;color:#fff;}
.navbar-example .navbar-nav>li>a:hover{background:#fff;color: #3074e1;}
.navbar-example .navbar-nav>li.active>a { color: #3074e1; cursor: default; background-color:#fff; border: 0; line-height: 40px; }
.index-nav { overflow: hidden; padding-top: 20px; }
.index-nav .title { overflow: hidden; text-align: center;height:76px;background:url(title-en-bg.png) center center no-repeat;margin-bottom:20px;}
.index-nav .title .h2 { font-size: 24px; color: #333; font-weight: bold;width:360px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align: center;}
.index-nav .title .h2 a { color: #333;}
.index-nav .title .h2 a:hover { color: #fff; }
.index-nav .title .h2 span{color:#3074e1;}
.index-nav .title em { color: #999;width:1100px;display: block;margin-top:3px;}
.index-nav img {width:167px;height:120px;border-radius:10px;border:1px solid #ccc;padding:3px;background:#777;}
.index-nav li{width:236px;height:170px;text-align:center;float:left;margin:8px;
	transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px);}
.index-nav li:hover {transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);-o-transform:translateY(-5px);}
.index-nav li:hover img{background:#3074e1;}
.index-nav .index-nav-title{font-size:18px;height:50px;line-height:50px;}
.index-nav .index-nav-title a{color:#333;font-weight:bold;}
.index-nav li p{font-size:12px;}



/*底部*/

.footer{ overflow:hidden; width:100%; background-color:#333}

.footer .ftNav{ overflow:hidden; background:url(Img/Common/ftHeng.png) no-repeat left bottom;}

.footer .ftUl{ overflow:hidden; width:959px; margin:0 auto; padding:20px 0 15px;}

.footer .ftUl li{ float:left; font-size:13px;padding:0 15px; border-right:1px dotted #5c5c5c;}

.footer .ftUl li a{ color:#ccc}

.footer .ftUl li.last{ border:none;}

.footer .ftBox{ overflow:hidden; padding:40px 0;}

.footer .ftDl{ overflow:hidden; width: 92%;margin: 0 auto;}

.footer .ftDl dt{ overflow:hidden; float: left; width: 244px;}

.footer .ftPhone{ float:right; background:url(Img/Common/ftPhone.png) no-repeat left center; padding-left:45px;}

.footer .ftPhone p{ color:#fff; font-size:14px;}

.footer .ftPhone h4{ font-size:24px; color:#fff; font-family:Arial;}

.footer .ewm{ overflow:hidden; margin-top:5px;}

.footer .ewm li{ width:98px; float:right; margin-left:7px;}

.footer .ewm li p{ font-size:13px; text-align:center; line-height:30px; color:#fff; margin-top:3px;}

.footer .ftDl dd{ overflow:hidden; float:left; background:url(Img/Common/ftLineBg.png) no-repeat right center; width: 336px;}

.footer .ftDl dd p{ line-height:28px; font-size:12px; color:#cccccc;}

.footer .ftDl dd p a{ color:#cccccc;}

.footer .ftlogo{ overflow:hidden; margin-bottom:10px;}

.footer .ftlogo img{ display:block; float:left;}

.footer .xiao{ float:left; margin-left:10px;}

.footer .xiao img{ margin-left:5px;}

.footer dd.two{ width: 276px; padding-left: 31px;}

/*面包屑*/

.mbx{ overflow:hidden; width:100%; background:url(Img/Common/mbxBg.png) no-repeat center bottom; padding-top:24px; height:35px;margin: 10px 0;}

.mbx span{ float:right; font-size:12px; color:#333}

.mbx span a{ color:#333}

.mbx span a:hover,.mbx span a.cur{ color:#ff7f00}





/*阅读*/

.reading{ overflow:hidden; width:100%; background-color:#f2f2f2; /* padding:30px 0 */ padding-bottom:15px;}

.reading .list{ overflow:hidden; width:100%; margin-top:10px;}

.reading .list li{ overflow:hidden; width:450px; line-height:30px; font-size:14px; color:#666}

.reading .list li strong{ color:#000}

.reading .list li a{ width:350px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; float:left;}

.reading .list li  span{ float:right; display:block; font-family:Arial}





/*标题*/

.hcy{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.title{ overflow:hidden; background:url(Img/Index/titleBg.png) repeat-x; border-left:4px solid #ff7f00; height:49px; width:100%;}

.title h3{ float:left; line-height:49px;margin-left:10px; font-size:18px;}

.title h3 a{ color:#ff7f00;}

.title h3 span{ font-size:13px; margin-left:10px; color:#9d9d9d; font-weight:normal; font-family:Arial}

.title a.more{ display:block; float:right; margin-right:15px; font-size:12px; color:#575757; margin-top:15px;}

.ConBox{ overflow:hidden; padding:15px; background-color:#fff}

/*优势*/

.Y_S{ overflow:hidden; width:100%;background:#1a89fb; padding-bottom:20px;}

.Y_S .ysBox{ overflow:hidden; height:435px; position:relative; width:960px; padding:0 20px; margin:0 auto; background-color:#fff}

.Y_S .ysdIV{ overflow:hidden; width:100%; margin-top:30px; margin-bottom:10px;}

.Y_S .ysDl{ width:230px;}

.Y_S .ysDl dt{ width:50px; float:left;}

.Y_S .ysDl dd{ width:170px; float:right;}

.Y_S .ysDl dd h3{ font-size:18px; color:#1a89fb}

.Y_S .ysDl dd p{ line-height:22px; font-size:13px; color:#666; margin-top:5px;}

.Y_S .tuP{ position:absolute; width:455px; height:385px; left:50%; margin-left:-228px; top:25px;}

.Y_S .tuP img{ display:block; position:absolute; z-index:5}

.Y_S .tuP img.tu01{top:30px;left: 21px;}

.Y_S .tuP img.tu02{top:219px; left:0;}

.Y_S .tuP img.tu03{top:35px; left:135px;}

.Y_S .tuP img.tu04{top: 28px;right:15px;}

.Y_S .tuP img.tu05{top:197px; right:25px;}

.Y_S .tuP img.tu06{top:0px; left:30px; z-index:0; animation: quan 60s linear infinite; }

@-webkit-keyframes quan{

	0%{ transform:rotate(0deg);}

	50%{ transform:rotate(180deg);}

	100%{ transform:rotate(360deg);}

	}

	

/*生产工艺*/

.S_C{ overflow:hidden; width:100%; background-color:#f7f7f7;}

.S_C h2{ text-align:center; background:url(Img/Index/sc-titBg.png) no-repeat center; font-size:22px; margin-top:20px;}

.S_C h2 a{ color:#000}

.S_C h2 strong{ color:#1a89fb}

.S_C p{ text-align:center; color:#999; font-size:12px; margin-top:2px;} 

.S_C .scBox{ overflow:hidden; width:1123px; margin:15px auto 20px; position:relative}

.S_C .scBox em{ display:block; cursor:pointer; position:absolute; width:41px; height:41px; top:90px;}

.S_C .sclt{ background:url(Img/Index/sclt.png) no-repeat center top; left:0}

.S_C .scrt{ background:url(Img/Index/scrt.png) no-repeat center top; right:0}

.S_C .scBox em:hover{ background-position:bottom}

.S_C .scCon{ overflow:hidden; width:1000px; margin:0 auto; position:relative}

.S_C ul{ position:absolute; top:0; left:0}

.S_C ul li{ width:229px; border:3px solid #ececec; height:220px; float:left; margin-right:20px; background-color:#ececec;}

.S_C ul li a{ text-decoration:none}

.S_C ul li img{ display:block; margin:0 auto;}

.S_C ul li span{ display:block; text-align:center; font-size:13px; height:45px; line-height:45px; color:#333}

.S_C ul li:hover{ background-color:#ff7f00; border-color:#ff7f00}

.S_C ul li:hover span{ color:#fff}

.S_C ul li:hover img{ opacity:.85;}



/*流程*/

.L_C{ overflow:hidden; width:100%; padding:22px 0 25px; background-color:#1a89fb;}

.L_C h2{ background:url(Img/Index/lcBG.png) no-repeat center; font-size:22px; text-align:center; color:#fff}

.L_C  p{ text-align:center; font-size:12px; color:#fff;}

.L_C .list{ overflow:hidden; margin-top:16px; width:105%;}

.L_C .list li{ float:left; width:111px; position:relative; margin-right:39px}

.L_C .list li img{ display:block; margin:0 auto}

.L_C .list li h4{ text-align:center; font-size:14px; margin-top:15px; color:#fff}

.L_C .list li i{ display:block; background:url(Img/Index/lc-xjx.png)  no-repeat center; width:16px; height:13px; position:absolute; top:38px; right:-30px;} 

.L_C .list li.last{ margin-right:0;} 







/*anli*/

.al{ overflow:hidden; margin-bottom:20px; background: #fff url(Img/insidePage/_jj_alBg.png) repeat-x bottom left}

.al .alBox{width:780px; height:300px; margin:0 auto; margin-top:20px; position:relative;}

.al .alCon{ overflow:hidden; position:relative; width:100%; height:300px;}

.al .alBox i{ display:block; cursor:pointer; position:absolute; width:41px; height:41px; top:120px;}

.al .allt{ background:url(Img/Index/sclt.png) no-repeat center top; left:-10%}

.al .alrt{ background:url(Img/Index/scrt.png) no-repeat center top; right:-10%}

.al .alBox i:hover{ background-position:bottom}

.al .list{position:absolute;}

.al .list p{ text-align:center; font-size:14px; color:#333; margin-top:10px;}

.al i:hover{ background-position:bottom;}



/*通道*/

.T_D{ overflow:hidden; width:100%; background:#fff;padding-bottom:10px;}

.T_D .tdBox{ overflow:hidden; padding:15px 0 0;}

.T_D h2{ text-align:center; font-size:22px; background:url(Img/Index/td-h301.png) no-repeat center; margin-bottom:5px;}

.T_D h2 a{ color:#000}

.T_D h2 a strong{ color:#1a89fb}

.T_D .dl{ overflow:hidden; margin-top:0px;}

.T_D .dl dt{ width:95px; background:url(Img/Index/tdDD.png) no-repeat left center; padding-left:20px; float:left; font-size:18px; font-weight:bold; margin-top:5px;}

.T_D .dl dt a{ color:#000}

.T_D .dl dd{ width:883px; float:right;     margin-bottom: 5px;}

.T_D .dl dd a{ padding:0 14px; border-right:1px dotted #bcbcbc; font-size:13px; color:#666; margin:5px 0; display:block; float:left;}

.T_D h2.h2{ background:url(Img/Index/td-h302.png) no-repeat center}

.T_D .dl dd a.last{ border:none; padding-right:0}

.T_D .tdBox:first-child{ margin-top:15px;}

.T_D .dl dd a.gd{ border:none; padding-right:0;color:#1a89fb}

/*link*/

.link{ overflow:hidden; width:100%; padding:20px 0; background-color:#ededed;}

.link h3{ float:left; font-size:16px; width:120px; margin-top:2px;}

.link h3 a{  color:#1a89fb}

.link h3 span{ font-weight:normal; font-size:14px; text-transform:uppercase; color:#999; margin-left:1px;}

.link ul{ float:right; padding:5px 0; width:880px;}

.link ul li{ float:left; padding:0 12px; font-size:13px;}

.link ul li a{ color:#666}



/*产品*/

._dltj{width:100%; background-color:#fff; overflow:hidden; padding-bottom:30px;}

._dltj .tjcp{ overflow:hidden; width:100%; margin-top:30px}

._dltj .tjcp li{ float:left; width:191px; margin-right:19px;}

._dltj .tjcp li img{ display:block; border:1px solid #ccc}

._dltj .tjcp li span{ text-align:center; font-size:13px; display:block; line-height:30px; color:#666}

._dltj .tjcp li.li01{ width:368px;}

._dltj .tjcp li.last{ margin-right:0}

.red{color:Red;}




.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul  a{color:#555;display:block;padding: 2px 10px;  border: 1px solid #ddd;float: left;margin: 0 5px;}
.ab_pages ul  .page-num{color:#555;display:block;padding: 2px 10px;  border: 1px solid #ddd;float: left;margin: 0 5px;}
.ab_pages ul  a.page-num-current{ background:#ddd;}