html {
    color: #000;
    background: #FFF;
}

body 
{
    
    color: #666;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    width:100%;
    max-width: 1920px;
    margin: 0 auto;
    min-width:1336px;
    overflow-x:hidden
}
/*网站字体颜色*/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

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

fieldset, img {
    border: 0;
}

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

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

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

abbr, acronym {
    border: 0;
    font-variant: normal;
}

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;
}

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;
}

.mt10 {
    margin-top: 10px;
}

a {
    color: #666;
    text-decoration: none;
}
    /*for ie f6n.net*/
    a:focus {
        outline: 0;
    }
    /*for ff f6n.net*/
    a:hover {
        text-decoration: none;
    }

.vam {
    vertical-align: middle;
}

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

p {
    word-spacing: -1.5px;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.center {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pa {
    position: absolute;
}

.pr {
    position: relative
}

.header, .contents, .content, .footer {
    width: 1200px;
    margin: 0 auto;
}




.top {background: url(/images/h_bg.jpg) repeat-x center 0;background-size:100% 100%;height: 214px;}
.h_zc {height: 34px;color: #666;overflow: hidden;line-height: 34px;font-size: 14px;}
.h_zc p {float: right;color: #ddd;}
.h_zc a {color: #969696;padding: 0 10px;line-height: 34px;display: inline-block;}
.h_zc a:hover{ color:#bb0108}
.h_zc p a img {display: block;width: 20px;height: 20px;float: left;margin-top: 5px;margin-right: 8px;}
.h_con { height: 102px;padding-top: 20px;}
.h_con .logos {padding: 0 20px 0 0;display: block;width: 400px;height: 72px;}
.h_con .h_middle {float: left;display: block;width: 460px;padding-top: 8px;background: url(/images/h_bx.jpg) no-repeat left 15px;padding-left:25px}
.h_con .logos img {display: block;width: 400px;height: 72px;}
.h_con .h_middle strong,.h_con .h_middle h1 {display: block;font-size: 22px;color: #333; margin-bottom:8px;}
.h_con .h_middle span {display: block;font-size: 16px;color: #999;font-family: Impact,Arial; letter-spacing:1px;}
.h_con p {padding: 5px 0 0 12px;line-height: 28px;color: #434343;font-size: 20px;}
.h_con p b {display: block;font-size: 20px;}
.h_pho b {color: #333;font-size: 18px;display: block;padding-left: 100px;letter-spacing:1.5px;}
.h_pho b.pho_b{ letter-spacing:1px;}
.h_pho{display:block;width:240px;padding-top: 16px;background: url(/images/call.png) no-repeat left 18px;}
.menu {height: 58px; width:1250px;}
.menu li {float: left;font-family: "Microsoft YaHei";font-size: 16px; position:relative;}
.menu li>a {color: #fff;line-height: 58px;display: inline-block;padding: 0 46px;transition: all 0.3s;}
.menu li.cur>a, .menu li>a:hover, .menu li.cur>a, .menu li>a:hover {background: #205695;text-decoration: none;box-shadow: 0 0 5px #ddd;}
.menu li.nones {background: none;}
.menu li .erji{ display:none; width:156px; background:#205695;box-shadow: 0 0 5px #ddd; position:absolute; top:58px; left:0; z-index:7;}
.menu li .erji p{transition: all 0.3s;}
.menu li .erji p:hover{display:block;background: #bb0108;}
.menu li .erji p a{ font-size:14px; color:#fff; display: block; text-align:center; height:35px; line-height:35px;border-bottom: 1px solid rgba(0,0,0,.05); margin:0 5px;}
.menu li .erji p a:nones{ border:0;} 


.banner {height: 480px;overflow: hidden;}
.banner a {display: block;height: 480px;}


.fullSlide {width: 100%;position: relative;height: 480px; margin-top:1px; }
.fullSlide .bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.fullSlide .bd ul {width: 100% !important;}
.fullSlide .bd li { width: 100% !important;height: 480px;overflow: hidden;text-align: center;background-position: center top;}
.fullSlide .bd li a {display: block; height: 480px; }
.fullSlide .hd {width: 100%;position: absolute;z-index: 1;bottom: 30px;left: 0;height: 10px;line-height: 10px;}
.fullSlide .hd ul {text-align: center;}
.fullSlide .hd ul li { cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 80px;height: 8px;margin: 1px;overflow: hidden;line-height: 999px;background: url(/images/ba_05.png) no-repeat; }
.fullSlide .hd ul .on { background: url(/images/ba_03.png) no-repeat;}
.fullSlide .prev, .fullSlide .next { position: absolute;top: 50%;margin-top: -30px;left: 5%;z-index: 5;cursor: pointer;filter: alpha(opacity=50);opacity: 0.5;display: none;width: 73px;height: 73px;}
.fullSlide .prev {background: url(/images/left1s.png) no-repeat;}
.fullSlide .next {left: auto;right: 5%; background: url(/images/right1s.png) no-repeat;}


/*搜索*/
.s_bg{height: 200px;margin-top: -4px; background: url(/images/search.jpg) no-repeat center;color: #fff;line-height: 1; margin-top:1px;}
.s_fl{width: 600px; margin-top: 47px;}
.s_fl h2{font-size: 18px;font-weight: normal;}
.s_fl p{font-size: 36px;font-weight: bold;margin: 15px 0;}
.s_fl span{text-transform: uppercase;}
.h_ser{width: 500px;margin-top: 47px;padding-left: 100px;}
.h_ser p{font-size: 14px;margin-bottom: 25px;line-height: 25px;}
.h_ser a{color: #fff;}
.h_ser .inp01{width: 337px;height: 38px;border: 1px solid #fff;background: #fff;font-size: 14px;padding: 0 10px 0 40px;border-radius: 10px;margin-right: 26px;outline: none; display:block; float:left;}
.h_ser .s_an{width: 77px;height: 38px;border-radius: 10px;border: none;outline: none;cursor: pointer; display:block; background:#fff; float:left;}
.h_ser .s_an img{ display:block; width: 20px; height:20px; margin:9px 0 0 27px;}
.s_inp{ font-size:18px; margin-top:20px; line-height:26px;}
.s_inp span{ width:54px; float:left; letter-spacing:4px; margin-right:10px;}


.bt1{ width:100%; height:auto; padding:30px 0px 15px 0px; text-align:center;;}
.bt1 h2{ font-size:26px; font-weight:normal; color:#4c4c4c; line-height:35px; background:url(/images/bt1.png) center center no-repeat;}
.bt1 p{ font-size:12px; line-height:35px; color:#b5b5b5;}


.cont5{ width:100%; height:719px; background:url(/images/cont6.png) center top no-repeat;}
.cont5 ul{ width:1240px; margin:0 auto; padding-top:20px;}
.cont5 li{ width:276px; height:102px; border:1px solid #d0d0d0; margin-right:42px; margin-bottom:38px; float:left;}
.cont5 li a{ width:276px; height:102px; display:block; overflow:hidden;}
.cont5 li a img{ width:276px; height:102px;cursor: pointer;transition: all 0.6s;}
.cont5 li a img:hover{transform: scale(1.1);}
.cont5 li:nth-child(4){ margin-right:0px;}
.cont5 li:nth-child(8){ margin-right:0px;}
.cont5 li:nth-child(12){ margin-right:0px;}
.cont5 li:nth-child(16){ margin-right:0px;}
.cont5 li:nth-child(20){ margin-right:0px;}
.cont5 li:nth-child(24){ margin-right:0px;}
.cont5 li:nth-child(28){ margin-right:0px;}
.cont5 li:nth-child(32){ margin-right:0px;}
.cont5 li:nth-child(36){ margin-right:0px;}





.footer{ width:100%; height:346px; background:url(/images/footer.png) center top no-repeat;}
.foot{ width:1240px; height:310px; margin:0 auto; padding-top:35px;}
.foot li{ float:left;}
.foot li h2{ font-size:16px; color:#fff; line-height:70px; width:100%;}
.ft1{ width:530px; }
.ft1z{float: left; width:50%; padding: 0 0 15px 20px ;box-sizing: border-box; }
.ft1z:nth-child(5){ width:100%;}
.wby1{width:100%; border: none; background: #fff; padding: 0 10px; height: 45px; line-height: 45px; font-size: 14px;box-sizing: border-box; }
.btn5{width:510px;; height: 40px; background: #eb0c1d; color: #FFF;　font-size: 14px;box-sizing: border-box; border:0px; margin-left:20px;  }
.ft2{ width:120px; padding-left:125px;}
.ft2 a{ font-size:14px; width:100%; color:#fff;height:36px; display:block;}
.ft2 a:hover{ color:#c42424;}
.foot .ft3{ width:320px; float:right;}
.ft3 p{ line-height:36px; color:#fff;}
.fot{ width:100%; min-height:32px; line-height:32px; padding:20px 0px; text-align:center; color:#fff; background:#000a17;}

.cont1{ width:1240px; height:320px; margin:0 auto; padding-bottom:55px;}
.cnt1{ width:533px; height:320px; float:left;}
.cnt2{ width:670px; height:320px; float:right; position:relative;}
.cnt12{ width:140px; height:46px; text-align:center; line-height:46px; display:block; background:#c52525; color:#fff;transition: all 0.5s linear; position:absolute; bottom:0px;}
.cnt12:hover{border-radius: 30px;padding: 0 20px; transform: scale(1);transition: all 0.5s linear; color:#fff;}
.cont2{ width:100%; height:648px; background:url(../images/video.png) center top no-repeat;}
.tvnr_xq{ width:1240px; margin:0 auto; padding-top:20px;}
.tvnr_xq ul{overflow: hidden;  }
.tvnr_xq li{float: left; width:375px;box-sizing: border-box; margin-right:57.5px; }
.tvnr_xq li:nth-child(3){ margin-right:0px;}





.cp_bg{ background:url(/images/cp_bg.jpg) no-repeat center 0;height: 613px; padding:75px 0 0;font-size: 0;overflow: hidden;}
.chanp .plan_bt a{color: #fff;}
.cp_l{width: 280px;}
.cp_l h3{ background:#c60000;width: 280px;height: 80px;text-align: center;line-height: 80px;overflow: hidden;}
.cp_l h3 a{font-size: 30px;color: #fff;}
.cp_ul01 li a{display: block;font-size: 18px;color: #015198;font-weight: bold;width: 280px;height: 50px;line-height: 50px; background:#fff;text-align: center;}
.cp_ul02{ padding:7px 0 6px;background: #e6e6e6;}
.cp_ul01 .cp_ul02 li{width: 93px;float: left;line-height: 30px;}
.cp_ul01 .cp_ul02 li a{display: block;font-size: 14px;color: #333;font-weight: normal; background:#e6e6e6;padding: 0 0 0 20px;
width: 73px;height: 30px;line-height: 30px; text-align:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_ul01 .cp_ul02 li a:hover{color: #015198;}
.cp_ul01 .nobor li{width: 140px;}
.cp_ul01 .nobor li a{width: 120px;}
.cp_r{width: 920px;}
.cp_r ul li{width: 290px;height: 217px;float: left;position: relative; padding-left:15px; padding-bottom:15px;}
.cp_r ul li img{width: 290px;height: 217px;}
.cp_r ul li em{display: block;width: 47px;height: 29px; margin:0 auto; padding-top:75px; padding-bottom:20px;}
.cp_r ul li em img,.cp_r ul li.cp_li01 em img{width: 47px;height: 29px;}
.cp_r ul li a{display: none;width: 290px;height: 217px; background:url(/images/plan_picbg.png) repeat;position: absolute;top: 0;right: 0;font-size: 18px;color: #333;text-align: center;}
.cp_r ul li:hover a{display: block;}
.cp_r ul li.cp_li01,.cp_r ul li.cp_li01 a{width: 600px;height: 450px;}
.cp_r ul li.cp_li01 em{ padding-top:185px;}
.cp_r ul li.cp_li01 img{width: 600px;height: 450px;}


.liuc_bg{ background:url(/images/liuc_bg.jpg) no-repeat center 0;height: 195px;font-size: 0;overflow: hidden;}
.liuc_bt{font-size: 18px;color: #014f92;font-weight: bold;height: 65px;line-height: 65px; padding:0 0 0 28px;width: 672px;}
.liuc_bt i{font-size: 14px;color: #999;text-transform: uppercase;font-weight: normal;}
.iflow{width: 700px;}
.iflow .item{float:left;width:120px;text-align:center;color:#000;font-size: 16px;}
.iflow .item .icon{display:block;width:60px;height:60px;margin:0 auto 7px;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0; background-image:url(/images/liuc_k.png); background-repeat:no-repeat;}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i1 .icon i:before{background-position:0 0;}
.iflow .item.i2 .icon i:before{background-position:0 -60px;}
.iflow .item.i3 .icon i:before{background-position:0 -120px;}
.iflow .item.i4 .icon i:before{background-position:0 -180px;}
.iflow .item.i5 .icon i:before{background-position:0 -240px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.iflow .item.i1:hover .icon i.hover:before{background-position:-60px 0;}
.iflow .item.i2:hover .icon i.hover:before{background-position:-60px -60px;}
.iflow .item.i3:hover .icon i.hover:before{background-position:-60px -120px;}
.iflow .item.i4:hover .icon i.hover:before{background-position:-60px -180px;}
.iflow .item.i5:hover .icon i.hover:before{background-position:-60px -240px;}
.liuc_r{ padding:40px 0 0 50px;width: 450px;}
.liuc_r b{display: block;font-size: 24px;color: #fff;width: 450px;height: 50px;}
.liuc_r span{ display:inline-block;width: 450px;}
.liuc_r span a{display: block;font-size: 16px;color: #333;width: 123px;text-align: center;height: 38px;line-height: 38px;float: left;background: #fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px; margin-right:20px;}
.liuc_r span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.liuc_r span a:first-child{color: #014f92;font-weight: bold;}





.xzwm_nr .on3 .xzwmbox {background: url(/images/a_12.png) no-repeat center bottom #fff; background-size: 100% auto;}

.xzwm_nr .on3 .xzwmbox a{opacity: 1;}

.xzwmbox{text-align: center; background: #fff; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px rgba(0, 0,0, .5);box-shadow:0 0 10px rgba(0, 0, 0, .5); padding: 0 30px 38px 30px; }
.xzwm_tp{height: 230px; position: relative;}
.xzwm_tp img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.xzwmbox h2{font-size: 22px; color: #4c4c4c; padding-bottom: 20px;}
.xzwmbox p{font-size: 14px; color: #929292; line-height: 25px; height: 75px;}
.xzwmbox a{display: block; width:120px; height: 43px; text-align: center; color: #fff; font-size: 16px; color: #fff; line-height: 43px; margin: 38px auto 0 auto;background: #6e6e6e;opacity: 0;transition: All 0.4s ease-in-out;}
.xzwmbox:hover a{    background: #eb0c1d; color:#fff;}
.xwzx_nr ul{overflow: hidden;}
.xwzx_nr li{float: left; width:20%; padding: 0 2px;box-sizing: border-box; }
.xwzxbox {cursor:pointer;position: relative;}
.xwzxbox img{width:100%;}
.xwzx_text{transition: All 0.4s ease-in-out;position: absolute; left:0; bottom:0; width:100%;background: rgba(255,255,255,.7);padding: 23px; box-sizing: border-box;}
.xwzx_text h2{font-size: 20px; color: #4c4c4c; font-size: 800;margin-bottom: 10px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xwzx_text p{font-size: 14px; color: #777777; line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;  }
.xw_zz{transition: All 0.4s ease-in-out;position: absolute; width:100%; height: 100%; background: rgba(0,0,0,.9);z-index: 10;opacity: 0;}
.wzzz_text{padding: 0 25px; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);width:100%;}
.wzzz_text a{font-size: 20px; color: #ececec; font-weight: 800;display: block; padding-bottom: 10px; text-align: center;}
.wzzz_text p{font-size: 14px; line-height: 25px; color: #7b7b7b; width:90%; margin:0 auto;}
.xwzxbox:hover .xwzx_text{opacity: 0;}
.xwzxbox:hover .xw_zz{opacity: 1;} 
.xwzx_nr ul  li:nth-child(1){animation: fadeInLeft 0.6s;}
 .xwzx_nr ul  li:nth-child(2){animation: fadeInLeft 1s;}
 .xwzx_nr ul  li:nth-child(3){animation: fadeInLeft 1.4s;}
 .xwzx_nr ul  li:nth-child(4){animation: fadeInLeft 1.8s;}
 .xwzx_nr ul  li:nth-child(5){animation: fadeInLeft 2.2s;}
 
 
.in_list{ width:100%; height: auto; padding-bottom:45px; padding-top:20px;text-align:center;}
.in_list a{ line-height:10px; padding:11px 46px; margin-right:6px; margin-left:6px; background:#eb0c1d; color:#fff; border:1px solid #dadada; transition:background-color 0.3s linear;}
.in_list a:hover{ background:#fff; color:#676767;}

.in_list1{ width:1240px; height: auto; padding-bottom:45px; padding-top:20px;text-align:center; margin:auto; text-align:left;}
.in_list1 a{ line-height:10px; padding:11px 46px; margin-right:6px; width:135px; height:42px; line-height:50px; margin-left:6px; background:#eb0c1d; color:#fff; border:1px solid #dadada; transition:background-color 0.3s linear;}
.in_list1 a:hover{ background:#fff; color:#676767;}

.index{ width:1240px; height:auto; padding-bottom:70px; margin:0 auto;}
.index img{ max-width:100%;}
.mazt{ width:100%; font-size:14px; line-height:35px;}
.mazt img{ float:left;}


.picture{ width:1240px; height:auto;}
.picture li{ width:25%; height:auto; float:left; padding-bottom:30px;}
.picture li a{ width:92%; height: auto; display:block; margin:0 auto;}
.picture li a img{ width:100%; padding:4px;box-sizing: border-box;  cursor: pointer;transition: all 0.6s; height:200px;}
.picture li a img:hover{transform: scale(1.07);}
.picture li a p{ width:100%; height:50px; line-height:50px;border:1px solid #c4c4c4;box-sizing: border-box; border-top:0px; background:#fff; text-align:center;box-sizing: border-box;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picture li a:hover p{background:#eb0c1d; color:#fff; }

.index{ width:1240px; height:auto; padding-bottom:70px; margin:0 auto;}
.index img{ max-width:100%;}

.show{ width:100%; line-height:50px;}


.written{ width:1240px; height:auto; margin:0 auto; padding-bottom:70px;}

.written li{ width:50%;float: left;}
.written li a{ width:92%; height:auto; height:100px; border-bottom:1px solid #e3e3e3;  padding:25px 0px; margin:0 auto; display:block; }

.written li a .writ1{ width:100px; height:100px; background:#eaeaea; float:left; }
.written li a .writ1 h2{ width:100%; height:50px; line-height:50px; text-align:center; font-weight:normal; font-size:30px; color:#626262; padding-top:10px;}
.written li a .writ1 p{ width:100%; color:#626262; text-align:center; font-size:16px;}
.written li a .writ2{ width:465px; float:right}
.written li a .writ2 h2{ height:28px; line-height:28px; width:95%; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; padding-top:10px;}
.written li a .writ2 p{ color:#969595; width:95%; margin:0 auto; height:48px; line-height:24px; overflow:hidden;}

.written li a:hover{ background:#f1f1f1;}


.con {width:1240px; padding-top:30px;}
.con li{ width:276px; height:auto; float:left; margin-right:45px; margin-bottom:38px;}
.con li:nth-child(4){ margin-right:0px;}
.con li:nth-child(8){ margin-right:0px;}
.con li:nth-child(12){ margin-right:0px;}
.con li:nth-child(16){ margin-right:0px;}
.con li:nth-child(20){ margin-right:0px;}
.con li:nth-child(24){ margin-right:0px;}
.con li:nth-child(28){ margin-right:0px;}
.con li:nth-child(32){ margin-right:0px;}
.con li a{ width:274px; height:253px; border:1px solid #b6b6b6; display:block;}
.con li a img{ width:274px; height:205px;cursor: pointer;transition: all 0.6s;}
.con li a img:hover{transform: scale(1.1);}
.con li a p{ width:100%; height:47px; border-top:1px solid #b6b6b6; background:#fff; text-align:center; line-height:47px;}


.k_pagelist {
float:left;
display:table;
clear:both;
line-height:30px;
width: 100%;
text-align: center;
}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;fontin_list-size:12px;margin:0px 1px;}
.pl {
clear:both;
width: 500px;
display: table;
float: left;
}
.li_list{
margin:5px 10px;
background-color: #F7FBFC;
padding:5px;
}
.li_list p{
border: 1px dashed #C2C1D0;
padding: 5px;
}
.li_list span{
color: #903;
}
.li_list i{
color: #060;
margin-right: 10px;
}


.page{ margin:0 auto; width:1200px}







.proDetailsIntro{position: relative;width: 100%;padding-top: 50px;padding-bottom: 50px;background: url(/images/f_bj.jpg) no-repeat center / cover;}


.proDetailsIntro > .page::after { content: ''; display: block; clear: both; }

.proDetailsIntro .conL{width:600px;float: right;position: relative;overflow: hidden;}








.proDetailsIntro .conL .conBox{ width: 500px; height: 450px; position: relative; overflow: hidden; }

.case_proDetailsIntro.proDetailsIntro .conL .conBox{ width: 500px; height: 335px; position: relative; overflow: hidden; }

.proDetailsIntro .conL .conBox ul{ position: absolute; top: 0; left: 0; }

.proDetailsIntro .conL .conBox li{ float: left; width: 500px; }

.proDetailsIntro .conL .conBox li img{ display: block; width:500px; height:auto; }

.case_proDetailsIntro.proDetailsIntro .conL .conBox li img{ display: block; width:600px; height:335px; }

.proDetailsIntro .conR{ float: left; padding-top: 30px; width:550px; height: 420px; position: relative; }

.case_proDetailsIntro.proDetailsIntro .conR{height: 315px;}

.proDetailsIntro .conR h3{ font-size: 32px; color: #fff; font-weight: bold; }

.proDetailsIntro .conR i{ display: block; width: 541px; height: 2px; margin: 28px 0 32px 0;opacity: 0.2;
filter: alpha(opacity=20); }

.proDetailsIntro .conR h4{ font-size: 14px; color: #333333; font-weight: normal; margin: 46px 0 26px; }

.proDetailsIntro .conR p {
    font-size: 14px;
    color: #aaa;
    line-height: 32px;
    height: 210px;
    overflow: hidden;
}
.proDetailsIntro .conR .box{ width: 100%; position: absolute; bottom: 20px; left: 0; }

.proDetailsIntro .conR .box .zx { display: block; width: 200px; height: 50px; float: left; font-size: 22px; color: #fff; line-height: 48px; background: #ff7a0e; text-align: center; text-decoration: none; border-radius: 100px; transition: 0.3s all ease-in-out; }

.proDetailsIntro .conR .box .zx:hover{ background: #e0161a;}

.proDetailsIntro .conR .box .zx img{ position: relative; top: 4px; margin-left: 8px; }

.proDetailsIntro .conR .box .phone { float: left; padding-left: 56px; background: url(/images/proListClassify_phone.png) no-repeat left center; margin-left: 106px; margin-top: 2px; }

.proDetailsIntro .conR .box .phone span { display: block; font-size: 14px; color: #fff; line-height: 20px; }

.proDetailsIntro .conR .box .phone em { display: block; font-size: 26px; color: #ff7a0e; font-family: arial; line-height: 26px; }




.show_product_con{padding:50px 0;}
.show_product_con_l { padding: 40px; width: 805px; background: #f5f5f5; float: left; }
.show_product_con_r { width:285px; float: right; }
.proinfo-menu { height: 172px; padding-top: 20px; background: url(/images/bg_proinfomenu.jpg) no-repeat center; }

.show_product_con_r h3 { font-size: 22px; color: #333; padding-top: 9px; padding-bottom: 25px; }



.show_product_con_r .list_product li { width: 100%; }




.show_product_xxk {
    height: 80px;
    line-height: 80px;
}

.show_product_xxk li {
    margin-right: 20px;
    float: left;
}

.show_product_xxk li a {
    display: block;
    padding: 0 40px;
    line-height: 40px;
    border: 1px solid #959595;
    font-size: 18px;
    color: #333;
    background-color: #fff;
}

.show_product_xxk li.on a {background-color: #ff7a0e;
border: 1px solid #ff7a0e;
    color: #fff;
}
.show_product_con_r .list_product li { width: 100%; }


.list_product li { float: left; margin-bottom: 43px; width: 23%; margin-right: 2.5%; transition: 0.5s; }

.list_product li .main_pic { background-color: #f5f5f5; }

.list_product li a { display: block; transition: 0.5s; }

.list_product li .main_pic img { transition: 0.5s; max-height: 327px; width: 100%; display: block; height: auto; }
.list_product li:nth-child(4n) { margin-right: 0px; }

.list_product h4 { position: relative; transition: 0.5s; line-height: 55px; border-bottom: 1px solid #959595; font-size: 18px; color: #333; padding: 0 28px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.list_product li:hover h4 { color: #ff7a0e; }

.list_product li span { display: block; position: absolute; bottom: -1px; left: 0px; height: 1px; width: 0px; background-color: #ff7a0e; z-index: 2; transition: 0.5s; }

.list_product li:hover h4 span { width: 100%; }

.list_product li:hover .main_pic img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.list_product li h4 i { position: absolute; right: 0px; top: 0px; height: 55px; width: 18px; background: url(../images/jia2.png) no-repeat center; opacity: 0; transition: 0.5s; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); transform: rotate(0deg); }

.list_product li:hover h4 i { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transform: rotate(180deg); }

.list_product li:hover h4 { padding-left: 33px; }

.list_product li .main_pic i { display: block; width: 100%; height: 0%; position: absolute; z-index: 2; opacity: 0; top: 0; left: 0px; transition: 0.5s; background: rgba(255, 255, 255, 0.6); }

.list_product li .main_pic { position: relative; }

.list_product li:hover .main_pic i { opacity: 1; height: 100%; }

.show_product_con_r .list_product li { width: 100%; }

.w100 {
	display: block;
	width: 100%;
	overflow: hidden;
}
.product {
	padding: 50px 0px;
	overflow: hidden;
	background: #f7f7f7;
}
.product .left {
	width: 290px;
	overflow: hidden;
}
.product .left h2 {
	display: block;
	padding-left: 30px;
	width: 260px;
	background: url(/images/product_icon.png) 230px center no-repeat, url(/images/bgli.png) center no-repeat;
	height: 90px;
	line-height: 90px;
	font-size: 24px;
	color: #fff;
}
.product .left ul {
	background: #fff;
}
.product .left ul li {
	display: block;
	background: url(/images/arrow_right.png) 260px center no-repeat;
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #f1f1f1;
}
.product2 .left ul li {
	display: block;
	background: url(/images/arrow_right.png) 260px center no-repeat;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #f1f1f1;
}
.product .left ul li a {
	display: block;
	padding-left: 30px;
	font-size: 18px;
	border-left: 5px solid #fff;
}
.product .left ul li a:hover {
	border-color: #CC3333;
}
.product .relate {
	display: block;
	background: #fff;
	margin-top: 12px;
	padding: 20px 30px;
	width: 230px;
}
.product .relate h3 {
	display: block;
	font-size: 20px;
	color: #CC3333;
	font-weight: bold;
	border-bottom: 1px solid #f1f1f1;
	height: 50px;
	line-height: 50px;
}
.product .relate dl {
	width: 230px;
	display: block;
	margin-bottom: 15px;
}
.product .relate dt img {
	width: 228px;
	height: auto;
	border: 1px solid #f1f1f1;
}
.product .relate dd {
	line-height: 36px;
	text-align: center;
}
.product .contts {
}
.product .contts p:first-child {
	margin-top: 20px;
}
.product .contts p {
	background: url(/images/arrow_right.png) left 10px no-repeat;
	display: block;
	padding-left: 20px;
	width: 210px;
	line-height: 30px;
	font-size: 14px;
}
.product .contts a {
	display: block;
	width: 140px;
	padding-left: 90px;
	height: 50px;
	line-height: 50px;
	background: url(/images/chat.png) 40px center no-repeat #CC3333;
	margin-top: 20px;
	color: #fff;
}
.product .right {
	width: 860px;
	background: #fff;
	padding: 20px 10px;
}
.product .right h2 {
	display: block;
	font-size: 20px;
	font-weight: bold;
	border-left: 10px solid #333;
	padding-left: 20px;
	width: 830px;
	margin-bottom: 20px;
}
.product .right dl {
	display: block;
	float: left;
	width: 235.66px;
	padding: 20px;
	overflow: hidden;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}
.product .right dl:nth-child(1) {
	border-top: 1px solid #f1f1f1;
}
.product .right dl:nth-child(2) {
	border-top: 1px solid #f1f1f1;
}
.product .right dl:nth-child(3) {
	border-top: 1px solid #f1f1f1;
}
.product .right dl:nth-child(3n) {
	border-right: 0px;
}
.product .right dl img {
	display: block;
	width: 235.66px;
	height: 235.66px;
}
.product .right dl span {
	display: block;
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	overflow: hidden;
}
.product .right p.nextp {
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ddd;
	margin-top: 50px;
}
/**productview*/
.product .right .desc .imglist {
	display: block;
	position: relative;
	width: 910px;
	height: 571px;
	background: #f1f1f1;
}
.product .right .desc .imglist img {
	display: block;
	width: 800px;
	height: 571px;
	position: absolute;
	top: 0px;
	left: 55px;
}
.product .right .desc .imglist .mx {
	display: block;
	width: 760px;
	height: 60px;
	padding: 20px 75px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.6);
	z-index: 999;
	overflow: hidden;
}
.product .right .desc .imglist .mx p {
	display: block;
	color: #fff;
	line-height: 30px;
	float: left;
	width: 40%;
}
.product .right .desc .imglist .mx a {
	display: block;
	position: absolute;
	right: 75px;
	top: 30px;
	background: #CC3333;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.product .right .title {
	margin-top: 30px;
}
.product .right .main {
	padding: 10px 20px;
	width: 870px;
}
.product .right .main, .product .right .main p {
	line-height: 30px;
}

.product {
	overflow: hidden;
}

.w1200 {
	width: 1200px;
	display: block;
	margin: 0px auto;
	overflow: hidden;
}

.right {
	width: 735px;
	float: left;
	display: inline;
	margin-left: 24px;
	overflow: hidden;
}
.left {
	width: 201px;
	float: left;
	overflow: hidden;
}