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

body{font-weight:normal;color:#000;text-align:center;margin:0;padding:0;background:#fff;position:relative;}
body, button, input, select, textarea{font-size:12px;line-height:150%; font-family: Microsoft YaHei;}
div,ol,ul,li,dir{text-align:left;margin:0;padding:0;border:0px;list-style-type:none;}
form,img,span,h1,h2,h3,h4,h5{margin:0;padding:0;border:0;}
table,td,th,p,dl,dt,dd,pre,tr{margin:0;padding:0;}
img,input{vertical-align:middle; margin:0; padding:0;}
a{text-decoration:none;color: #636363; }
.clearB{ clear:both;}


.zq_nav{ width: 100%; height: 50px; margin:10px auto 0; background-color: #2364be; }
.zq_ul{ display: block; width: 1001px; height: 50px; margin: 0 auto ; background-color: #2364be; }
.zq_li{ float: left; width: 125px; height: 50px; text-align: center;line-height: 50px; margin-right: 0px; }
.zq_li a{font-size: 18px; color: #ffffff;padding: 13px 10px 13px; height: 50px; margin: 0 auto;}
.zq_li a:hover{ background-color: #1d93dd; }
.zq_li a.selected{ background-color: #1d93dd; }

.zq_li #yy_product:hover{ background-color: #1d93dd; }


.clearFloat:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearFloat {
    zoom: 1;
}

.fl{ float: left; }
.fr{ float: right; }

/* 页面banner */


#banner1{ width: 100%; height: 350px; background: url(../images/banner1.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner2{ width: 100%; height: 350px; background: url(../images/banner2.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner3{ width: 100%; height: 350px; background: url(../images/banner3.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner4{ width: 100%; height: 350px; background: url(../images/banner4.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner5{ width: 100%; height: 350px; background: url(../images/banner5.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner6{ width: 100%; height: 350px; background: url(../images/banner6.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner7{ width: 100%; height: 350px; background: url(../images/banner7.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner8{ width: 100%; height: 350px; background: url(../images/banner8.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner9{ width: 100%; height: 350px; background: url(../images/banner9.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner10{ width: 100%; height: 350px; background: url(../images/banner10.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner11{ width: 100%; height: 350px; background: url(../images/banner11.jpg) no-repeat; background-position: center center; cursor:pointer; }
#banner12{ width: 100%; height: 350px; background: url(../images/banner12.png) no-repeat; background-position: center center; cursor:pointer; }
/* 页面banner */


/* 顶部 */
.welcome{ width: 100%; height: 57px; background-color: #0361a1; margin: 0 auto; }
.w{ width: 1000px; height: 57px; margin: 0 auto;}
.wel_left{ width: 200px; height: 57px; line-height: 57px; font-size: 14px; color: #ffffff; float:left; }
.wel_right{ width: 395px; height: 57px; float:right; }
.r1{ width: 24px; height: 26px; float: left; margin-top: 14px; }
.r2{ float: left; font-size: 18px; color: #ffffff; line-height: 57px; margin-left: 13px;}

/* 顶部 */

/* 导航 */

.nav{ width: 1000px; height: 71px; margin: 0 auto; }
.logo{ width: 109px; height: 60px; float: left; margin-top: 6px; }
.nav ul{ display: block; width: 855px; height: 71px; float: right; }
.nav ul li{ float: left; font-size: 14px; color: #333333;width: auto; height: 71px; line-height: 71px; margin-left: 25px;}
/*.nav ul li:hover{ height: 69px; border-bottom: 2px solid #0361a1; cursor: pointer; }*/
.nav ul li:hover a{ display: block; color: #0361a1;  height: 69px; border-bottom: 2px solid #0361a1; cursor: pointer; }

#selected{ height: 69px; border-bottom: 2px solid #0361a1; }

.hot{ background: url("../images/hot.png") no-repeat; width: 37px; height: 25px; background-position: 44px 3px;}
.new{ background: url("../images/new.png") no-repeat; width: 37px; height: 25px; background-position: 44px 3px;}

/* 导航 */

/* 底部 */
.foot_menu_out{ background-color:#0361a1;width:100%; height:300px; margin-bottom:70px;}
.foot_menu_block{margin:0 auto; width:1000px; height: 170px;padding-top: 67px;}
.footer1{ width: 127px; height: 160px; float: left;}
.erweima{ width: 127px; height: 127px; margin: 0 auto;}
.erweima_js{width: 127px; height: 17px; text-align: center; line-height: 17px; font-size: 14px; color: #d9d9d9; margin-top: 10px;}

.footer2{ width: 203px; height: 185px; float: left; margin-left: 25px;}
.footer2 .pcompany{ font-size: 16px; color: #ffffff; margin-bottom: 26px;}
.footer2 .pphone{font-size: 14px; color: #d9d9d9; margin-bottom: 5px;}
.footer3{ width: 552px; height: 160px; float: right;}
.footer3 .f3_nav1{ width: 552px; height: 36px; border-bottom: 1px solid #026eb7; }
.footer3 .f3_nav1 ul{ display: block; width: 552px; height: 18px; float: right;}
.footer3 .f3_nav1 li{  width: 93px; height: 18px; text-align: center; line-height: 18px; float: left; display: block; border-right: 1px solid #bfbfbf; border-left:1px solid #b4b4b4; }
.footer3 .f3_nav1 li a{ font-size: 14px; color: #ffffff;}
.footer3 .f3_nav1 li a:hover{ font-size: 14px; text-decoration: underline;}

.footer3 .f3_nav2{ width: 552px; height: 100px; border-top: 1px solid #005188; }
.footer3 .f3_nav2 p{ width: 552px; height: 20px;  text-align: right; font-size: 14px; color: #d9d9d9;}
/* 底部 */


/* banner */
#banner {position:relative; width:100%; max-width:1920px; height: auto; margin:0 auto; /* overflow:hidden;*/}
#banner .pics {position:relative; width:100%; height:344px;}
#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0; background-size:100%;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics .b0 {display:list-item;}
/*#banner .pics .b1 {display:list-item;}*/
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-50px;}
#banner .btns .next {right:-50px;}
#banner .btns .prev.on {left:300px;}
#banner .btns .next.on {right:300px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
.bg_banner{ background: url(../images/2-1.png); background-repeat:no-repeat;}
#banner .btns .prev .off { width:50px; height:50px; background-position:0 0;}
#banner .btns .prev .on { width:50px; height:50px; background-position:-50px 0; }
#banner .btns .next .off { width:50px; height:50px; background-position:0 -50px;}
#banner .btns .next .on { width:50px; height:50px; background-position:-50px -50px;}
/*#banner .btns .prev .on  {background: url(../images/prev.png) no-repeat 0 0;}
#banner .btns .prev .on  {background: url(../images/prev_on.png) no-repeat 0 0;}
#banner .btns .next .off {background: url(../images/next.png) no-repeat 0 0;}
#banner .btns .next .on {background: url(../images/next_on.png) no-repeat 0 0;}*/
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .g-wrap {position:absolute; bottom:0; z-index:2; width:auto; height:30px; overflow:hidden; left: 45%;}
#banner .g-wrap .idxs {float:left; height:100%; padding-left:20px;}
#banner .g-wrap .idxs li {float:left; margin:30px 7px 0 10px; width:9px; height:9px;border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
#banner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;}
/* banner */


/* 横穿标题线(非公共) */

.gzx{ width:1000px; height:30px; border-top:1px solid #e5e5e5; margin:60px auto 0; text-align:center; }
.gzx span{ position:relative; top:-12px; padding:0 50px; font-size: 32px; color: #000000; background: url(../images/hot1.png) no-repeat; background-position: 198px 0;padding-top: 16px; background-color:#FFF;}

.gzx1{ width:1000px; height:30px; border-top:1px solid #e5e5e5; margin:60px auto 0; text-align:center; }
.gzx1 span{ position:relative; top:-12px; padding:0 95px; font-size: 32px; color: #000000; background: url(../images/djqg.png) no-repeat; background-position: 262px 0;padding-top: 19px; background-color:#FFF;}

.gzx2{ width:1000px; height:30px; border-top:1px solid #e5e5e5; margin:60px auto 0; text-align:center; }
.gzx2 span{ position:relative; top:-12px; padding:0 95px; font-size: 32px; color: #000000; background: url(../images/djjx.png) no-repeat; background-position: 262px 0;padding-top: 19px; background-color:#FFF;}
/* 横穿标题线(非公共) */


/* 横穿标题线(公共) */
.gzx_gg{ width:1000px; height:24px; border-top:1px solid #e5e5e5; margin:60px auto 0; text-align:center; }
.gzx_gg span{ position:relative; top:-12px; padding:0 50px; font-size: 32px; color: #000000;background-color:#FFF;}

/* 横穿标题线(公共) */


/* 表单按钮样式 */

.slmessButton{ width: 128px; height:40px; background-color: #fe8900 !important; border: none; color: #ffffff; font-size: 18px; color: #ffffff; margin-left: 20px;}

/* 表单按钮样式 */

.tianchong{ width:100%; height: 19px; }

.back-to-top{ width:50px; height:50px; background:url(../images/hddb.png) no-repeat;position:fixed; bottom:412px; right:20px;}
.back-to-top:hover{ width:50px; height:50px; background:url(../images/hddb_on.png) no-repeat; display:block; position:fixed; bottom:412px; right:20px;}
/*.cp_ykf{ width: 970px; height: 40px; margin: 20px auto 0; font-size: 30px; color: #000000; line-height: 40px; border-left: 10px solid #0361a1; padding-left: 20px; }
.cp_ykf span{ margin-left: 11px; font-size: 20px; color: #666666; }*/

/* 底部悬浮条 */
.ljyy_c_d{ width:99.9%; height:70px; background-color:#0878c4; border:1px solid #0878c4; position:fixed; bottom:0; margin:0 auto;}
.ljyy_c_d .ljyy_c{ width: 1000px; height: 90px; margin:0 auto;}
.ljyy_c_d .ljyy_c .mfs1{ width: 135px; height: 90;float: left; }
.ljyy_c_d .ljyy_c .mfs1 .p3{ font-size: 24px; color: #ffffff; font-weight: bold; display: block; width: 135px; height: 25px; line-height: 32px; text-align: center; margin-top: 6px;}
.ljyy_c_d .ljyy_c .mfs1 .p4{ font-size: 20px; color: #ffffff;display: block; width: 135px; height: 25px; line-height: 25px; text-align: center; margin-top: 7px;}
.ljyy_c_d .ljyy_c .mfs2{ width:777px; height: 90px; float: left; }
.ljyy_c_d .ljyy_c .mfs2 .xform{ width: 760px; height: 40px; margin: 0 auto; margin-top: 15px;font-size:14px; color: #ffffff; line-height: 40px;}
.ljyy_c_d .ljyy_c .mfs2 .xform input{ background-color: #c0d7e7; font-size: 14px; border: none; color: #111111; }
.ljyy_c_d .ljyy_c .mfs2 .xform input:focus{ background-color: #ffffff; font-size: 14px; color: #222222;}
.ljyy_c_d .ljyy_c .mfs2 .xform #sub{ font-size: 18px; color: #ffffff;}
.ljyy_c_d .slmessButton{ width: 128px; height:40px; background-color: #fe8900 !important; border: none; color: #ffffff; font-size: 18px; color: #ffffff; margin-left: 20px; cursor:pointer;}
.ljyy_c_d .gift0{ width:88px; height:81px; float:left; margin-top:4px;}
.ljyy_c_d .gift0 img{
    width: 75%;
}
/* 底部悬浮条 */


/* 悬浮变色 */



#c_hover:hover{margin-right: 0 !important; color:#ffffff !important; border:1px solid #d22b25 !important; background-color:#d22b25 !important;}

/* 悬浮变色 */

/* 产品页面导航 */

/*.cpNav{ width: 100%; height: 60px; background-color: #fff; margin: 0 auto; position: relative;z-index: 20; box-shadow: 0 3px 1px #84aab3;}*/

.cpNav ul{ display: block; width: 1000px; height: 60px; margin: 0 auto; }
.cpNav ul li{ display: block; float: left; width: 115px; height: 60px; text-align: center; line-height: 60px; margin-right: 32px; }
.cpNav ul li a{ width: auto; padding-bottom: 17px; font-size: 17px; color: #474e5e; }


.cpNav ul li a:hover{border-bottom: 2px solid #2364be;color: #2364be !important;}
.cpNav_act{border-bottom: 2px solid #2364be; color: #2364be !important;}

/* 产品页面导航 */