@charset "utf-8";
b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}
abbr,acronym,fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
q:after,q:before{content:''}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
caption,td,th{text-align:left;font-weight:400;}
a,button,img{border:none;text-decoration:none;}
a,button{text-decoration:none;}
button:focus,input:focus{outline:0;}
textarea{font-family:"Microsoft YaHei";}
img{border:none;outline:0}
a{color:#333;text-decoration:none;outline:0; cursor: pointer;}
ol,ul{list-style:none;}
table{word-break:break-all;word-wrap:break-word;}
body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px;font-weight:400;color:#333;width:100%;min-width:1200px;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.clear{clear:both;}
.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
.w100{width:100%;}
.left{float:left;}
.right{float:right;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.boxs{ box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }
input{ border: none;}
.trion{ transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
a:hover{ text-decoration: none;}
input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
input::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
textarea::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }

/* ------------------------------首页------------------------------------- */

.dingban { width:100%; height:600px; background:url(../img/banner_02.jpg) no-repeat center;}

/*.dingban a { width:1200px; margin:0px auto; height:600px; }




/* --------top--------- */
.top{ height: 46px; line-height: 46px; border-bottom: 1px solid #eeeeee;}
.top_l,.top_r{ width: auto; height: 46px; line-height: 46px; color: #999999;}
.top p{ display: inline-block; }
.top a{color: #999999;}
.top span{ color: #D6732E;font-size: 23px;}
.top p img{ margin-right: 5px; position: relative; top: 2px;}
.header_p{ position: relative; width: 80px;}
.header_img{ display: none; position: absolute; z-index: 1; left: -20px;}
.header_p:hover .header_img{ display: block; }
/* --------header--------- */
.header{ height:96px;}
.logo{ width: 400px; height:96px;}
.logo img{ float: left; padding-top: 36px; width: 160px; height: auto;}
.logo span{ float: left; width: 1px; height: 34px; background: #E5E5E5; display: block; margin: 47px 20px;}
.logo_con{ height:96px; width: auto;}
.logo_con h2{ font-size: 24px; font-weight: bold; color:#000; padding-top:18px;}
.logo_con p{ font-size: 14px; color: #999999; padding-top: 5px;}
.nav{ width:750px;  margin-top: 24px;}
.nav ul{ height: 40px; padding-top:30px;}
.nav ul li{ float: left;  line-height: 40px; font-size: 16px;}
.nav ul li a{ color: #2A3457;}
.nav ul li.cur a{ color: #E87B2B;}
/* --------banner--------- */
.banner{ height: 650px; background: url(../images/banner.png) center no-repeat; text-align: center;}
.banner h2{ color: #FFFFFF; font-size: 65px; padding-top: 55px;}
.banner p{ color: #FFFFFF; font-size: 22px; padding-top: 12px;}
.banner a{ width: 238px; height: 56px; line-height: 56px; color: #ffffff; margin: 0 auto; margin-top: 45px; background: #E87B2B; font-size: 22px; border-radius: 26px; display: block;}
.banner a:hover{ opacity: 0.8;}
/* --------产品分类--------- */
.index_shop{ height: auto; margin-top: 64px;}
.index_title{ height: 42px; line-height: 42px; text-align: center; font-size: 32px; color: #334764;}
.index_shop_con{ height: auto; margin-top: 57px;}
.index_shop_con ul li:nth-child(1),.index_shop_con ul li:nth-child(2),.index_shop_con ul li:nth-child(3),.index_shop_con ul li:nth-child(4){ border-top: 1px solid #F1F1F1; }
.index_shop_con ul li{ float: left; width: 300px; box-sizing: border-box; height: 350px; text-align: center; position: relative; background: #FEFEFE; border-bottom: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1;}
.index_shop_con ul li h2{ font-size: 26px; color: #2A3457; padding-top: 36px;}
.index_shop_con ul li a{ display: block; font-size: 13px; color: #8F8F8F; padding-top: 8px;}
.index_shop_con ul li img{ height: auto; padding-top: 40px;}
.index_shop_con ul li:nth-child(4n){ border-right: 1px solid #F1F1F1;}
.index_shop_con ul li .comment{ display: none; height: 350px; position: absolute; z-index: 1; background: url(../img/pro_bj.jpg) no-repeat center; top: 0px; left: 0px;}
.index_shop_con ul li .comment h3{ padding-top: 35px; font-size: 26px; color: #FFFFFF;}
.index_shop_con ul li .comment span{ width: 35px; height: 2px; background: #FFFFFF; display: block; margin: 0 auto; margin-top: 14px; margin-bottom: 45px;}
.index_shop_con ul li .comment p{ width: 195px; margin: 0 auto; color: #FFFFFF; line-height: 32px; font-size: 13px; text-align: left;}
.index_shop_con ul li .comment p a{ color: #FFFFFF; padding-top: 0px;}
.index_shop_con ul li .comment p i{ float: right;}
.index_shop_con ul li .comment p a:hover{ color: #E87B2B;}
.index_shop_con ul li:hover .comment{ display: block;}


.jianback { width:100%; height:780px; background:url(../img/jianback_02.jpg) no-repeat center; }
.jianbiao { width:1200px; height:100px; margin:0px auto; text-align: center; padding-top: 60px; }
.jianbiao h3 { font-weight: 400; font-size: 38px; color:#fff; line-height:80px; }
.jianbiao p { font-size: 16px;  color:#ccc;}

.jianaa { width:1200px; height:480px; background: #fff; margin:50px auto;}
.jianjie { width:550px; float: left; margin-left: 50px; margin-top: 25px;}
.jianjie h3 { font-size: 26px; color:#000; font-weight: bold; margin-top: 50px;}
.jianjie p { font-size:14px;  color:#666666; margin-top: 25px; line-height: 30px;}
.jiantu { width:560px; float: right; margin-right:25px; margin-top:60px;}

.advka { width:100%; height:410px; box-shadow:0px 0px 15px #ccc; } 
.advkb { width:1200px; margin:0px auto; padding-top: 45px;}
.addvv { float: left; width:510px; margin-top: 35px;}
.addvv h3 { font-size: 22px; font-weight: bold;  color:#000;}
.addvv span { font-size: 13px; color:#999999;}
.addvv h5 { width:100%; border-bottom: 1px solid #eeeeee; margin:10px auto; }
.addvv p { font-size: 13px; line-height: 26px; margin-bottom: 25px;}
.adva { float: right; }

.advk { width:100%; height:410px; } 
.advkh { width:1200px; margin:0px auto; padding-top: 45px;}
.addbb { float:right; width:510px; margin-top: 35px;}
.addbb h3 { font-size: 22px; font-weight: bold;  color:#000;}
.addbb span { font-size: 13px; color:#999999;}
.addbb h5 { width:100%; border-bottom: 1px solid #eeeeee; margin:10px auto; }
.addbb p { font-size: 13px; line-height: 26px; margin-bottom: 25px;}
.advb { float:left; }

.xinback { width:100%; height:540px; background: url(../img/xinback_02.jpg) no-repeat center; }
.xinka { width:1200px; margin:0px auto;}

.xinbiao { width:1200px; margin:0px auto;}
.xinbiao h3 { float: left; font-size: 32px; color:#000; font-weight: bold; }
.xinbiao p { float: right; width:120px; height:38px; background: #fff; color:#666666; text-align: center; font-size: 14px; line-height: 38px;}

.xinwenha { width:1200px; margin:0px auto;  }
.xinwenha ul { }
.xinwenha ul li {float:left; width:298px; height:390px; border: 1px solid #e5e5e5; background: #fff; }
.xinwenha ul li:hover { border: 1px solid #0066ff; background: #0066ff; color:#fff;}
.xinwenha ul li h3 { margin-top: 44px;  margin-left: 22px; width:75px; height:24px; background: #e5e5e5; color:#666666; text-align: center; line-height:24px; font-weight: 400;  margin-bottom:35px;}
.xinwenha ul li h5 { margin-top:50px; margin:20px 22px;  font-size: 17px; line-height: 28px;}
.xinwenha ul li p { margin:0px 22px;  font-size: 12px;  margin-bottom: 30px; line-height: 24px;}
.xinwenha ul li span { margin-left: 22px; }