body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, select, option, textarea, p, blockquote, th, td{ margin:0;padding:0; }
html { font-size: 62.5%; -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; }
body { min-width: 320px; width:100%; color:#000; background: #fff; font-family:"microsoft yahei","微软雅黑","宋体",Helvetica, Arial, sans-serif; font-size: 1.2rem; line-height: 22px; position: relative; }
ul{ list-style: none; }
h2{ line-height: 30px; font-weight: 500; font-size: 1.6rem; }
a{ text-decoration: none; color:#333; }
input{ border:none; }
input:focus, 
textarea:focus, 
select:focus { outline: none; } 
hr{ border:0px; }
section{ display: block; }
img { width:100%; display: block; border: 0; }

.left{ float:left; }
.right{ float:right; }
.hide{ display: none; }
/*标题 下划线加文字*/
.title1{ width:100%; position: relative; padding:20px 0; margin:0 auto; }
.title1 hr{ width:3rem; height:1px; background:#000; margin:10px auto; }
.title1 .p1{ line-height: 3rem; font-size: 2.6rem; font-weight: 600; text-align:center; color: #004894;}
.title1 .p2{ line-height: 3rem; font-size: 1.8rem; text-align:center; color: #45b7c2; }
@media screen and (max-width: 720px) {
	.title1 .p1{font-size: 2rem;}
	.title1 .p2{ font-size: 1.4rem;}
}

/*微信*/
.code_weixin{ display:none; background-clip: padding-box; background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.3);  border-radius: 6px 6px 6px 6px;  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); left: 50%; z-index:9999; margin: -181px 0 0 -151px;overflow: hidden; position: fixed; top: 50%; width:300px;height:360px; overflow:hidden; }
.btn_close{ text-decoration:none;  margin-top: 2px; color: #000000; float: right;  font-size: 20px;  font-weight: bold; cursor:pointer;line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF; }
.code_weixin h3{ line-height: 30px; margin: 0; font-weight:normal; font-family:"microsoft yahei","微软雅黑"; }
.code_weixin img{ width:200px; height:200px; display: inline-block; }

/*页面导航标题*/
.topPagesTab{ overflow: hidden; padding-left: 40px; padding-top: 20px; }
.topPagesTab p{ float:left;background-color:rgba(0, 72, 148, .5); padding: 5px 0;}
.topPagesTab p span{ padding:0 8px; }
.topPagesTab *{ color:#ffffff;}
.topPagesTab p:nth-of-type(1){padding-left: 10px;}
.topPagesTab p:nth-last-of-type(1){padding-right: 10px;}
.topPagesTab p:last-child{ color:#ffffff;}

@media screen and (max-width: 720px) {
	.topPagesTab{ display: none; }
}
/*主题标题*/
.c_head{ position: relative; width:100%; padding:40px 0; }
.c_head hr{ width:40px; height:1px; background:#000; margin:10px auto; }
.c_head h1{ line-height: 40px; text-align: center; font-family: "microsoft yahei","微软雅黑"; }

/*头部1*/
.s_header1{ position: relative; background:#eee; height:190px;}
.s_header1 hr{ width:4rem; height:1px; background:#000; margin:5px auto; }
.s_header1 h1{ text-align: center; line-height: 3rem;  white-space: normal; overflow: hidden; text-overflow:ellipsis; }
.s_header1 p.p_classify{ width:80%; padding:0 10%; line-height: 2.2rem; font-weight:700; }
.s_header1 .f_form{ width: 80%; padding-bottom: 67px; margin:0 auto; }
.s_header1 .f_form .s_drop{ width:22%; margin-right:3%; position: relative; float:left; }
.s_header1 .f_form .s_drop+.s_drop+.s_drop+.s_drop+.s_drop,.s_header1 .f_form .s_drop+.s_drop+.s_drop+.s_drop+.s_drop+.s_drop{ display: none; }
.s_header1 .f_form .s_drop:nth-child(5),.s_header1 .f_form .s_drop:nth-child(6){ display: none; }
.s_header1 .f_form .s_drop a{ width:92%; height:20px; padding:5px 4%; line-height: 20px; border:1px solid #ccc; background:#fff; display: block; position: relative; }
.s_header1 .f_form .s_drop a i{ position: absolute; right:1rem; top:50%; margin-top: -2px; width:7px; height:4px; background-image:url(../images/common/drop.png); background-repeat: no-repeat; }
.s_header1 .f_form .s_drop ul{ position: absolute; top:31px; left:0; z-index:999; width:100%; display: none;  border:1px solid #ccc; overflow: hidden; background: #fff; }
.s_header1 .f_form .s_drop ul li{ height:30px; padding:0 5px; cursor:pointer; line-height: 30px; }
.s_header1 .f_form .s_drop ul li:hover{ background:#004894; color:#fff; }

@media screen and (max-width: 720px) {
	.s_header1{ padding:3rem 0; }
	.s_header1 h1{ font-size: 2rem; }
	.s_header1 p.p_classify{ font-size: 1.6rem; width:92%; padding:0 4%; }
	.s_header1 .f_form{ width:100%; padding-bottom: 7.5rem; }
	.s_header1 .f_form .s_drop{ width:28%; margin-left: 4%; margin-right: 0; margin-bottom: 2rem; }
	.s_header1 .f_form .s_drop+.s_drop+.s_drop+.s_drop+.s_drop,.s_header1 .f_form .s_drop+.s_drop+.s_drop+.s_drop+.s_drop+.s_drop{ display: block; }
	.s_header1 .f_form .s_drop:nth-child(5),.s_header1 .f_form .s_drop:nth-child(6){ display: block; }
}
/*头部2*/
.s_header2{ width:100%; min-height: 190px; height:190px; position: relative; background-size:cover; background-position:center; }
.s_header2 hr{ width:4rem; height:1px; background: #fff; margin:10px auto; }
.s_header2 h2{ text-align: center; line-height: 3rem; font-size: 1.8rem; font-weight: 600; color:#fff; }

/*.s2_title{ width:100%; }*/
.s2_title{ position: absolute; top:0; bottom:0; left:0; right:0; text-align: center; }
.s2_title:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.s2_title div { display: inline-block; vertical-align: middle; width: 20rem; }

.d_bg{ width:100%; position: relative; background-size:100%; }
.d_bg hr{ width:4rem; height:1px; background: #fff; margin:10px auto; }
.d_bg h2{ text-align: center; line-height: 3rem; font-size: 1.8rem; font-weight: 600; color:#fff; }

.n_tab h2{ color:#000; }
.n_tab hr{ background:#000; }
/*内部导航*/
.c_nav li a.select{ color:#004894; }
.drop_more{ display: none; }
.c_nav{ width:100%; background:#eee; position: relative; }
.c_nav ul {
    display: block !important;
    overflow: hidden;
    height: 35px;
    text-align: center;
}
.c_nav li{ display: inline-block; *zoom:1; *display: inline; line-height: 30px; padding:2px 15px; }
.nav_sec {
    display: none;
}
@media screen and (min-width: 721px) {
	.nav_sec{ display: none; }
	.c_nav{ width:100%; overflow: hidden; background:#eee; position: relative; }
	.c_nav ul{ display: block !important; overflow: hidden; height:35px; font-size: 0; text-align: center; }
	.c_nav li{ display: inline-block; *zoom:1; *display: inline; line-height: 30px; padding:2px 15px; }
	.c_nav li a{ float:left; font-size: 1.4rem; font-family: "microsoft yahei","微软雅黑"; }
	.c_nav li a:hover{ color:#004894; }
}
@media screen and (min-width: 720px) and (max-width: 860px) {
	.c_nav li{ padding:10px 5px; }
}
@media screen and (max-width: 650px) {
	.c_nav li{ padding:10px 5px; }
}
@media screen and (max-width: 720px) {
	.c_nav{ height:4rem; }
	.nav_sec{ line-height: 4rem; }
	.nav_sec span{ padding-left: 1.4rem; color:#004894; }
	.drop_more{ display: block; position: absolute; top:0; right:0; z-index:1000; line-height: 4rem; width:5rem; overflow: hidden; }
	.drop_more i{ width:13px; height:7px; background-image: url(../images/common/drop_icon.png); background-repeat: no-repeat; display: inline-block; }
	.c_nav ul{ position: absolute; top:4rem; left:0; z-index: 999; width:100%; background:#f0f0f0;  display: none; }
	.c_nav ul li{ padding:0; padding-left: 1.4rem; line-height: 4rem; }
	.c_nav ul li:hover{ background:#da251d; }
	.c_nav ul li:hover a{ color:#fff; }
	.c_nav ul li a{ font-size: 1.2rem; line-height: 4rem; color:#000; display: block; }
}
/*4图片-2图片，间距10*/
#pic4_2{ width:100%; position: relative; overflow: hidden; }
#pic4_2 li{ margin-bottom: 10px; margin-left:10px; float:left; overflow: hidden; position: relative; -moz-transition: all .1s ease; -webkit-transition: all .1s ease; transition: all .1s ease; }
#pic4_2 li:hover{ box-shadow: 1px 1px 10px #000; }
#pic4_2 li:nth-child(4n+1){ margin-left: 0px; }
#pic4_2 li a{ display: block; }
#pic4_2 li a img{ max-width:100%; min-height:205px; display: block; }

#pic4_2_2{ width:100%; position: relative; overflow: hidden; }
#pic4_2_2 li{ margin-bottom: 10px; margin-left:10px; float:left; overflow: hidden; position: relative; -moz-transition: all .1s ease; -webkit-transition: all .1s ease; transition: all .1s ease; }
#pic4_2_2 li:hover{ box-shadow: 1px 1px 10px #000; }
#pic4_2_2 li:nth-child(4n+1){ margin-left: 0px; }
#pic4_2_2 li a{ display: block; }
#pic4_2_2 li a img{ max-width:100%; width:auto; display: block; }


@media screen and (max-width: 720px) {
	#pic4_2 li:nth-child(2n+1){ margin-left: 0px !important; }
	#pic4_2_2 li:nth-child(2n+1){ margin-left: 0px !important; }
}

.sl_4 .flex-control-nav{ display: none; }
/*翻页按钮*/
.bottomPageTab{ text-align: center; padding:2rem 0; }
.bottomPageTab .pTab{ display: inline-block; *display: inline; *zoom:1; font-size: 0;padding-left:15px; }
.bottomPageTab a{ font-family: "microsoft yahei","微软雅黑"; display: inline-block; *display: inline; *zoom:1; width:33px; height:33px; border:1px solid #45b7c2; text-align: center; line-height: 33px; margin-left:-1px; font-size: 12px; color:#45b7c2; background-color:#fff; }
.bottomPageTab .pTab a.back,.bottomPageTab .pTab a.pre{ margin:0 10px; border:1px solid #45b7c2;  cursor:pointer;  }
.bottomPageTab .pTab a.back{margin-left:0px;}
.bottomPageTab a.select{ background:#45b7c2; color:#fff; }
.bottomPageTab .jump{ display: inline-block; *display: inline; *zoom:1; }
.bottomPageTab .jump input{ width:48px; height:32px; margin-left: 10px; margin-right: 5px; padding-top:1px; text-align: center; line-height: 33px; border:1px solid #45b7c2; }
.bottomPageTab .disabled{ display: inline-block; width: 45px; height: 30px; border: 1px solid #000; text-align: center; line-height: 30px; margin-left: 5px; margin-right: 5px; }
.bottomPageTab a.j_btn{ width:48px; height:33px; }
.bottomPageTab a.j_btn:hover{ background:#004894; color:#fff; }
bottomPageTab span:first-child{margin:0 8px;}

@media screen and (max-width: 720px) {
	.bottomPageTab .pTab a{ display: none; margin:0 5px !important; }
	.bottomPageTab a.back{ display: inline-block; }
	.bottomPageTab a.pre{ display: inline-block; }
}


aside{ position: fixed; bottom:0px; right:0px; z-index:999; font-size: 0; display: none; }
aside a{ width: 30px; height:30px; display: block; background-repeat:no-repeat; background-color:#fff; background-position: center; background-size:100%; }
aside a.top{ background-image:url(../images/common/r_top.png); }
/*aside a.top:hover{ background-image:url(../images/common/hover_top.png); }*/
aside a.ci{ background-image:url(../images/common/b_ci.png); }
/*aside a.ci:hover{ background-image:url(../images/common/hover_ci.png); }*/
/*footer*/
footer{ padding:20px 0; overflow: hidden; }
.f_left{ width:60%; padding-left: 3%; float:left; }
.f_right{ width:18%; padding-right: 3%; float:right; overflow: hidden; text-align: right; font-size: 0; }
.i_contact{ overflow: hidden; position: relative; width:100%; }
.i_contact li{ float:left; margin-right: 20px; }
.i_contact li a{ color:#000; }
.i_links a{ padding:0 10px; }
p.sLink{ color:#004894; }
p.sLink a{ padding:0 10px; color:#004894; }
p.sLink a:first-child{ padding-left:0px; }
.f_left a:hover{ color:#004894; text-decoration: underline; } 

.f_right a{ width:40%; max-width: 60px; height:80px; margin-left: 3%; display: inline-block; background-repeat:no-repeat; background-color:#fff; background-position: center; background-size:100%; }
.f_right a.weibo{ background-image:url(../images/common/weibo.png); }
.f_right a.weibo:hover{ background-image:url(../images/common/hover_weibo.png); }

.f_right a.weixin{ background-image:url(../images/common/weixin.png);-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/weixin.png',sizingMethod='scale');filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/weixin.png',sizingMethod='scale'); }
.f_right a.weixin:hover{ background-image:url(../images/common/hover_weixin.png); }

.f_right a.top{ background-image:url(../images/common/top.png); }
.f_right a.top:hover{ background-image:url(../images/common/hover_top.png); }
.f_right a.ci{ background-image:url(../images/common/ci.png); }
.f_right a.ci:hover{ background-image:url(../images/common/hover_ci.png); }
.copyright{ font-family: Arial; }

.f_right a.b_logo {
    display: none;
}
.f_right a {
    max-width: 60px;
}
@media screen and (min-width: 720px) {
	.f_right{ max-width:300px; }
  	.f_right a.b_logo{ display: none; }
  	.f_right a{ max-width: 60px; }
}

@media screen and (max-width: 720px) {
	footer{ padding:2rem 0 4rem; }
	.sLink{ display: none; }
	.f_right{ width:94%; }
	.f_left{ width:94%; }
	.f_right a{ display: inline-block; float:none; }
	.f_right a.b_logo{ max-width:250px; min-width:160px; width:50%; margin:0; float:left; display: inline-block; background-size:85%; background-position: 0 center; }
	/*.top,.ci{ display: none !important; }*/
	.i_links{ display: none; }
	.i_contact li{ float:none; }
	.copyright{ margin-top: 10px; font-size: 0.6rem; }
}



/*diy页面*/
.diy_mainW{ width:1100px; margin:0 auto; }
.diy_head h2{ font-size: 3rem; font-weight: normal; }
header.diy{ overflow: hidden; }
.smt_logo{ height:80px; line-height: 80px; float:left; }
.smt_logo a{ display: block; width:192px; height:100%; overflow: hidden; background-repeat: no-repeat; background-position: center; }
.diy .right h2{ margin-left: 30px; line-height: 80px; font-size: 2.4rem; color:#da251d; float:right; }
.diy .right h2 a{ color:#da251d; }
.diy .right h2 a.block{ color:#303030; }
.diy_mainW .right{width:900px;}

.diy_con{ margin-top: 60px; }
.diy_con .left{ width:180px; overflow: hidden; }
.diy_con .left div{ margin-right: 10px; margin-bottom: 10px; float: left; }
.diy_con .left div a{ display: block; width:76px; height:76px; border:2px solid #c6c6c6; border-radius: 3px; background:#f1f1f1; text-align: center; line-height: 80px; color:#000; font-size: 1.8rem; }
.diy_con .left div a.diy_choose{ background:#da251d; color:#fff; border-color:#da251d; }

.diy_con .b_img{ overflow: hidden; }
.diy_con .b_img img{ width:585px; height:344px; float:left;}

.div_img{ width:100%; margin-top: 10px; position: relative; }
.div_img ul{ width:900px; overflow: hidden; display: inline-block; }
.div_img ul li{ height:35px; float: left; margin-right: 10px; margin-bottom: 10px; cursor:pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.div_img ul li.active{ border-bottom:3px solid #da251d; }
.div_img ul li img{ width:65px; height:25px; }


.zan{  } 
.zan a{ position: relative; display: inline-block; height:21px; line-height: 21px; font-size: 1.4rem;  }
.zan a:hover{ color:#c80000; }
.zan a i{ display: inline-block; width:25px; height:21px; margin:0 5px; vertical-align:middle; background-image:url(../images/common/zan.png); background-repeat: no-repeat; }
.zan a:first-child  i{ background-position:-25px 0; }
.zan a:last-child  i{ background-position:0 0; }

.productName{ position: relative; }
.productName hr{ width:67px; height:1px; background:#000; margin:0; }
.productName h2{ line-height: 80px; font-size: 3rem; }


.diy_xt_box{ margin-top: 60px; }
.diy_xt{ width:100%; position: relative; overflow: hidden; }
.img_box{ float: left;margin-left: 3px; }

.img_box div{ width:430px; height:265px; text-align: center; }
.img_box span{ height:100%;display:inline-block;vertical-align:middle; }
.diy_xt img{ width:auto; max-width:430px; max-height:234px; display: inline-block; vertical-align:middle; }
.diy_xt p{ line-height: 50px; font-size: 1.4rem; text-align: center; }

.addOne{ position: absolute; top:0px; left:72px; z-index:9999; color:#c80000; display: none; }


.diy_footer .f_left,.diy_footer .f_right{ padding:0; }
footer.diy_footer .f_right{ width:150px; }
footer.diy_footer .f_right a{ margin-left: 10px; width:60px; }

.yqlj{
	color: #000000;
}
#yqlja1,#yqlja2,#yqlja3{
	color: #000000;
}