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

* {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
}

li {
    list-style: none;
}

img {
    border: 0px;max-width: 100%
}

input {
    outline: none;
}

:hover {
    transition: 0.5s all
}

a {
    text-decoration: none;
    color:inherit;
}

a:hover {
    color: #0797f8;
}

.text-center{
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}


.mid {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 99
}

body {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    background: #fff;
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CSS Header */
.header {width: 100%;background: #fff;position: relative;z-index: 999;}
.header .toplogo{font-size: 18px;line-height: 42px;color: #333333;padding:30px 0; display: block;float: left;}
.banner {width: 100%; height:289px;background: url(../images/banner.jpg) top center no-repeat; position: relative;}

/*menu*/
.menu {width: 920px;height:119px;float: right; position: relative;}
.menu ul{width: 100%;height:119px;position: relative;}
.menu>ul>li {width:12.5%;height: 119px;line-height:119px; text-align: center;float: left;position: relative;transition: 0.4s all;}
.menu ul li .lk{color: #333333;font-size:18px;display: block;position: relative;}
.menu ul li:hover .lk{background: #0797f8;color: #fff;}
.menu ul li.selected .lk{background: #0797f8;color: #fff;}
.menu ul li .subul{width: 100%;height: auto; transform: scaleY(0);transform-origin:top; padding:5px 0;box-sizing: border-box; background: #0797f8; overflow: hidden;transition: 0.4s all}
.menu ul li:hover .subul{transform: scaleY(1);}
.menu ul li .subul li{width: 100%; height:34px;overflow: hidden;}
.menu ul li .subul li a{font-size: 14px;color: #fff; line-height:34px;display: block;}
.menu ul li .subul li a:hover{color: #ff0;text-decoration: underline;}
.menu ul li .subul .selected a{color: #ff0}

/* CSS Footer */
.footer {width: 100%;height: 592px;overflow: hidden;padding: 87px 0 30px;color: #fff;line-height:28px;font-size:14px;background: url(../images/foot.jpg) no-repeat #1781fa;box-sizing: border-box; position: relative;}
.footer a {color: #fff}
.footer a:hover { color: #ff0;text-decoration: underline;}
.footer .ftt{color: #fff;font-size:20px;font-weight: bold;line-height: 28px;padding-bottom: 20px;display: block;}
.footer ul{width: 100%}
.footer ul li{width: 100%;height: 39px; line-height: 39px;font-size: 16px}
.footer .ft01{width: 180px;float: left;}
.footer .ft02{width: 174px;padding-left: 45px;float: left;}
.footer .ft03{width: 330px;font-size: 16px;line-height: 39px;padding-left: 48px;float: left;}
.footer .ft04{width:140px;color: #fff;font-size: 14px;padding-top: 58px;line-height: 44px;text-align: center;float: right;}
.footer .ft04 img{width: 140px;height: 140px;background: #fff; margin: 0 auto; display: block;}
.fticp {width: 100%;height: auto;text-align: center; overflow: hidden;color: #fff;font-size:16px;padding: 16px 0;position: relative;}
.fticp a{color: #fff;}
.fticp a:hover{color: #ff0;}


/* CSS index */
.wrap { width: 100%;height: auto;position: relative;overflow: hidden;margin: 0 auto;}
.main { width: 1200px;height: auto;padding-top:40px;padding-bottom: 50px;position: relative;overflow: hidden;margin: 0 auto;}
.page00{width: 1200px;font-size:18px;line-height:30px;padding:24px 0 72px;border-bottom: 1px #d4d4d4 solid;margin: 0 auto;}
.pagenew{width: 100%;font-size:18px;line-height:30px;padding:55px 0 72px;border-bottom: 1px #d4d4d4 solid;margin: 0 auto;}
.intitle{width: 1200px;height: 70px;line-height: 70px;position: relative;}
.intitle span{font-size: 36px;color: #000000;font-weight: bold;text-align: center;display: block;}
.page00 .chanpin01 span,.page00 .chanpin02 span{font-size:32px;font-weight: bold;text-align: center;color: #fff; display: block;transition: 0.4s all}
.page00 .chanpin01{width: 100%;height: 455px;padding-top: 32px;}
.page00 .chanpin01 .left{width:780px;height:455px;background-color: #2a62f5}
.page00 .chanpin01 .left .ipic{width: 90px;height: 73px;overflow: hidden;margin:140px auto 40px; display: block;}
.page00 .chanpin01 .left .ipic img{width: 90px;height: 73px;transition: 0.4s all;display: block;}
.page00 .chanpin01 .left .ipic img:first-child{margin-top: -73px}
.page00 .chanpin01 .left:hover .ipic img:first-child{margin-top:0}
.page00 .chanpin01 .right{width:387px;height: 455px;}
.page00 .chanpin01 .right .rt01{width:387px;height:210px;box-sizing: border-box; background-color: #2a62f5;background-size: 100% 100%}
.page00 .chanpin01 .right .rt02{width:387px;height:210px;box-sizing: border-box;background-color: #2a62f5;background-size: 100% 100%;margin-top: 35px}
.page00 .chanpin01 .right .rt01 .ipic{width: 66px;height:70px;overflow: hidden;margin:0 auto 28px; display: block;}
.page00 .chanpin01 .right .rt01 .ipic img{width: 66px;height:70px;transition: 0.4s all;display: block;}
.page00 .chanpin01 .right .rt01 .ipic img:first-child{margin-top: -70px}
.page00 .chanpin01 .right .rt01:hover .ipic img:first-child{margin-top:0}
.page00 .chanpin01 .right .rt02 .ipic{width: 70px;height:51px;overflow: hidden;margin:0 auto 30px; display: block;}
.page00 .chanpin01 .right .rt02 .ipic img{width: 70px;height:51px;transition: 0.4s all;display: block;}
.page00 .chanpin01 .right .rt02 .ipic img:first-child{margin-top: -51px}
.page00 .chanpin01 .right .rt02:hover .ipic img:first-child{margin-top:0}
.page00 .chanpin02{width: 100%;height: 455px;padding-top: 30px;}
.page00 .chanpin02 .left{width:387px;height:455px;box-sizing:border-box; background-color: #2a62f5;background-size: 100% 100%}
.page00 .chanpin02 .right{width:780px;height: 455px;box-sizing:border-box;background-color: #2a62f5;background-size: 100% 100%}
.page00 .chanpin01 .left:hover span,.page00 .chanpin01 .right .rt01:hover span,.page00 .chanpin01 .right .rt02:hover span,.page00 .chanpin02 .left:hover span,.page00 .chanpin02 .right:hover span{color: #04ac53}
.page00 .chanpin02 .left .ipic{width:60px;height:87px;overflow: hidden;margin:0 auto 42px; display: block;}
.page00 .chanpin02 .left .ipic img{width:60px;height:87px;transition: 0.4s all;display: block;}
.page00 .chanpin02 .left .ipic img:first-child{margin-top: -87px}
.page00 .chanpin02 .left:hover .ipic img:first-child{margin-top:0}
.page00 .chanpin02 .right .ipic{width:63px;height:78px;overflow: hidden;margin:0 auto 42px; display: block;}
.page00 .chanpin02 .right .ipic img{width:63px;height:78px;transition: 0.4s all;display: block;}
.page00 .chanpin02 .right .ipic img:first-child{margin-top: -78px}
.page00 .chanpin02 .right:hover .ipic img:first-child{margin-top:0}
.pagenew .chanpin03{padding:40px 20px;}
.pagenew .chanpin03 .typebox{margin: 10px;background:#0585f4;transition: 0.5s all; position: relative;}
.pagenew .chanpin03 .typebox .p01{width: 100%;text-align: center;font-weight: bold;font-size: 28px; left: 0;color: #fff;top: 33%; position: absolute;z-index: 2;}
.pagenew .chanpin03 .typebox .p02{width: 100%;box-sizing: border-box; padding:0 25px; text-align: center;font-size: 13px; left: 0;color: #fff;top:44%;opacity: 0.8; position: absolute;z-index: 2;}
.pagenew .chanpin03 .typebox .p03{color: #fff;display: block; position: relative;z-index: 1;transition: 0.5s all;}
.pagenew .chanpin03 .typebox a{color: #fff;}
.pagenew .chanpin03 .typebox:hover .p03{opacity: 0.2}
.pagenew .chanpin03 .typebox:hover .p02{opacity: 0;display: none;}
.pagenew .chanpin03 .typebox .p04{height:0px;width: 130px;border-radius: 20px;line-height: 0; font-size: 14px;line-height: 40px; text-align: center;display: block;overflow: hidden; left: 50%;margin-left: -65px; bottom: 40%;position: absolute;background: #fff;color: #0585f4;transition: 0.5s all;}
.pagenew .chanpin03 .typebox:hover .p04{height: 40px;}

.page01{width: 100%;height: 722px;background: url(../images/page01.jpg) center no-repeat #0585f4;box-sizing: border-box; padding:56px 0;}
.page01 .intitle span{color: #fff}
.page01 .intitle .more{color: #fff;position: absolute;right: 0;top:10px}
.page02{width: 100%;height:560px;background: url(../images/page02.jpg) center no-repeat #fff;box-sizing: border-box; padding:94px 0;}
.page02 .intitle span{text-align: left;float: left;}
.page02 .intitle .more{color: #fff;position: absolute;right: 0;top:10px}
.page02 .intro{padding-top: 22px;line-height: 32px;font-size: 16px;color: #303030}
.page02 .left{width: 700px}
.page02 .left p{padding:0;text-indent: 2em}
.page02 .inmenu{padding-top:55px}
.page02 .inmenu a{width: 150px;height: 42px;line-height: 42px;text-align: center;color: #fff; background: #9d9d9d; display: inline-block;margin-right:11px;transition: 0.4s all}
.page02 .inmenu a:hover{background: #1c5de1}
.page02 .right{width: 437px;height: 330px;margin-top: 20px; background: #f1f1f1; overflow: hidden;}
.page03{width: 100%;height:335px;text-align: center;color: #fff; background: url(../images/page03.jpg) center no-repeat #76c6ff;box-sizing: border-box; padding:53px 0;}
.page03 .p01{font-size: 43px;font-weight: bold;line-height: 70px}
.page03 .p02{font-size: 43px;line-height: 70px;padding-bottom: 36px}
.page03 .p03{text-align:center}
.page03 .p03 span{font-size:30px;font-weight: bold; line-height: 40px;padding-left:53px; background: url(../images/itel.png) left center no-repeat}

.page04{width: 100%; min-height:752px;overflow: hidden; background: url(../images/page04.jpg) center no-repeat #f8f8f8; box-sizing: border-box;padding:74px 0px;}
.page04 .intitle01{}
.page04 .left{width: 470px;font-size: 24px;color: #666666}
.page04 .left span{font-weight: bold;color: #000000;font-size: 36px;line-height: 70px; display: block;}
.page04 .right{width: 696px;padding-top: 10px;}
.page04 .right li{line-height: 26px;font-size: 16px;color: #333333;padding-left: 55px;padding-bottom: 45px;}
.page04 .right li b{font-size: 18px;display: block;}
.page04 .right li:nth-child(1){background: url(../images/add01.png) left 2px no-repeat;}
.page04 .right li:nth-child(2){background: url(../images/add02.png) left top no-repeat}
.page04 .right li:nth-child(3){background: url(../images/add03.png) left top no-repeat}
.page04 .right li:nth-child(4){background: url(../images/add04.png) left top no-repeat}
.page04 .right li:nth-child(5){background: url(../images/add05.png) left top no-repeat}
.page04 .right li:nth-child(6){background: url(../images/add02.png) left top no-repeat}
.page04 .right li:nth-child(7){background: url(../images/add01.png) left top no-repeat}


/*about*/
.abt01{padding: 40px 0 100px}
.abt01 .wenhua{padding-top:40px;width: 100%;height: auto;overflow: hidden;}
.abt01 .wenhua li{width: 275px;height: 270px;border: 1px solid #eee;box-sizing: border-box; padding: 70px 0 76px;border-radius: 8px; margin-right: 20px; float: left;}
.abt01 .wenhua li:last-child{margin-right: 0}
.abt01 .wenhua li img{width: 80px;height: 80px;margin: 0 auto; display: block;}
.abt01 .wenhua li p{font-size:14px;text-align: center; color: #999999;line-height:20px; padding: 15px 30px;}
.abt01 .wenhua li b{display:block;font-size:16px;color:#000;padding-bottom:10px}
.abt02{width: 100%;height: auto; background: url(../images/line.jpg) top center no-repeat;padding: 130px 0 0;overflow: hidden;}
.abt02 .mid{width:1200px;height: 450px;background: rgba(5,138,245,0.8);}
.abt02 .left{width: 600px;height: 438px;margin: -30px 25px 45px 45px;}
.abt02 .right{width: 440px;padding: 40px 50px 10px 0;}
.abt02 .right .p01{font-weight: bold;font-size: 40px;line-height: 50px;color: #fff;}
.abt02 .right .p02{color: #fff;font-size: 16px;line-height: 32px;height: 256px;overflow: hidden;padding-top: 15px;}
.abt02 .right .p02 p{text-indent:2em;padding-top:12px}
.abt03{}
.abt03 .txt{text-align: center;color: #666;font-size: 14px;padding-top:10px}
.abt03 .team {width: 100%;height: auto;overflow: hidden;padding: 30px 0}
.abt03 .team li{width: 222px;height: 330px;color: #666;box-sizing: border-box;padding: 30px 20px;font-size: 14px;background: #fff;float: left;margin-right: 20px;position: relative;}
.abt03 .team li b{font-size: 18px;line-height: 45px;color: #333;display: block;}
.abt03 .team li:last-child{margin-right: 0}
.abt03 .team li a{width: 100%;color: #117af9;display:block;position: absolute;bottom: 40px;left: 0;text-align: center;}
.abt03 .team li a:hover{color:#f00}
.abt04{padding:50px 0}
.abt04 .txt{text-align: center;color: #666;font-size: 16px;line-height:40px; padding-top:10px}

.tit01{width: 100%;height: 70px;font-size: 24px;box-sizing: border-box; line-height: 70px;background: #14a73d;color: #fff;padding: 0 35px;}
.tit01 .left{font-size: 24px;color: #fff;}
.tit01 .right{color: #fff;font-size: 14px;color: #fff;}
.tit01 .right a:hover{color: #ff7900}


.prolist{}
.prolist li{width: 100%;height: 250px;padding: 11px 0; overflow: hidden;}
.prolist li .pimg{width: 300px;height: 225px;background:transparent;float: left;}
.prolist li .pimg img{width: 300px;height: 225px;display: block;}
.prolist li .ptxt{width: 520px;height: 225px;float: right;}
.prolist li .ptxt .p01{font-size: 28px;line-height: 40px;font-weight: bold;padding-top: 9px;color: #333333;}
.prolist li .ptxt .p01:hover{color: #0797f8}
.prolist li .ptxt .p02{font-size: 16px;line-height: 28px; color: #666666;padding-top: 10px}
.prolist .inbtn{width: 350px;height: 50px;padding-top:23px;}
.prolist .inbtn .btn{width: 170px;height: 50px;line-height: 50px; font-size: 18px; text-align: center;}
.prolist .inbtn .btnlf{ background:url(../images/zx.png) 30px center no-repeat #e3e3e3;color: #666666;transition: 0.4s all; float:left;}
.prolist .inbtn .btnlf span{padding-left: 33px;}
.prolist .inbtn .btnlf:hover{color: #fff;background:url(../images/zxh.png) 33px center no-repeat #0797f8;}
.prolist .inbtn .btnrt{color: #fff;background:url(../images/mm.png) 130px center no-repeat #b5b3b3;float: right;transition: 0.4s all;}
.prolist .inbtn .btnrt span{padding-right: 25px;}
.prolist .inbtn .btnrt:hover{background:url(../images/mm.png) 135px center no-repeat #0797f8;}
.intit01{width: 100%;height:53px;background:#0797f8;}
.intit01 .left{font-size: 16px;padding-left: 28px;line-height: 50px;color: #fff;}
.intit01 .left span{font-size: 24px;font-weight: bold;padding-right:25px;}
.intit01 .right{font-size:15px;color: #fff;padding-right: 25px;padding-top: 16px;}
.intit01 .right a{color: #fff}
.intit01 .right a:hover{color: #ff0}

.type_tit{width: 100%;height:54px;font-size:24px;font-weight: bold; box-sizing: border-box; line-height: 54px;background: #0797f8;color: #fff;padding: 0 35px;}
.type_lg{background: #eeeeee;padding:15px 20px}
.type_lg .lg_li{margin-bottom:12px;}
.type_lg .lg_li span{height:48px;line-height:48px;font-size: 17px; box-sizing: border-box; border-radius: 24px;padding: 0 20px 0 25px;background: #fff;display: block;transition: 0.4s all}
.type_lg .lg_li span:hover{background: #00ad56;color: #fff}
.type_lg .lg_li span:hover a{color: #fff}
.type_lg .n2{display: block;}
.type_lg .icon-add{font-size:15px;line-height: 50px;padding-right: 8px;opacity: 0.8; font-style: normal;transition: 0.4s all}
.type_lg .icon-add1{font-size:15px;line-height: 50px;padding-right: 8px; font-style: normal;transition: 0.4s all}
.type_lg .lg_li_sub{width:100%;min-width:240px;background: #eeeeee; overflow: hidden;padding: 10px 0; display: none}
.type_lg .lg_li_sub li{color: #666666;font-size: 16px;padding-left: 34px; line-height:42px;transition: 0.4s all}
.type_lg .lg_li_sub li:hover{color: #ff7900;}
.type_lg .lg_li_sub li i{font-size: 18px;padding-right: 10px}

.lflx{width: 100%;height: 100px;font-size: 18px; background: #0797f8;color: #fff;box-sizing: border-box;padding:15px 20px}
.lflx b{font-size: 30px;line-height:40px;display: block;}
.contactbox{width: 100%;height: auto;background: #f1f1f1;margin-top: 34px;}
.contactbox .lxwm{font-size: 15px;line-height:30px;padding:20px 20px 40px;}


.titlf{line-height: 60px;height: 60px;border-bottom: 1px #f7f7f7 solid}
.titlf span{font-size:20px;font-weight: bold;color:#040000;padding-left:20px;background: url(../images/line.jpg) left center no-repeat; display: inline-block;float: left;}
.titlf a{color: #666666;font-size: 16px;}
.titlf a:hover{color: #029740}
.nlist04{width: 100%;height: auto;padding:20px;box-sizing: border-box; background:#eee; overflow: hidden;position: relative;}
.nlist04 li{height:45px; font-size: 16px;line-height:45px;position: relative;}
.nlist04 li i{font-size: 14px; padding-right: 5px}
.nlist04 li:hover{color: #14a73d}
.mui-ellipsis-2{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mui-ellipsis-3{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.mui-ellipsis-4{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.mui-ellipsis-5{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.mui-ellipsis-6{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;}

/*about us*/
.cur_page{width: 100%;height: 50px;line-height: 50px;background: #f5f8ff}
.cur_page i{padding-right: 15px;color:#0797f9}
.caselist{height: auto;margin-left: -20px;margin-right: -20px;overflow: hidden;}
.caselist li{width: 280px;height: 262px;margin: 10px;float: left;}
.caselist li .imgbox {width: 280px;height: 210px;border: 1px #f1ecec solid;border-bottom: none;background: #fff;overflow: hidden;position: relative;}
.caselist li .imgbox img {max-width: 100%;height: 210px;margin:0 auto;display: block;transition: 0.4s all;}
.caselist li .imgbox img:hover {transform: scale(1.05)}
.caselist li .in_tit{width: 100%;text-align:center; height:52px;line-height: 52px;color: #666666;background: #f1f1f1; overflow: hidden;}
.caselist li:hover .in_tit span{color: #bb1918}

#left{width:275px;background: #fff; box-sizing: border-box;float: left;}
#right{width:900px;background: #fff;float:right;padding-bottom:15px;box-sizing: border-box;}
.rexiao{width: 100%;height: auto;padding: 14px 0;overflow: hidden;}
.rexiao li{width: 100%;height:76px;background: #f5f5f5;box-sizing: border-box;padding:8px;margin-bottom: 10px;float: left;}
.rexiao li .npic{width: 58px;height: 58px;font-size: 14px;background: #ddd;overflow: hidden; float: left;}
.rexiao li .npic img{width: 58px;height: 58px;}
.rexiao li .text{width:150px;line-height: 20px;font-size: 15px;color: #666666;padding-left:10px;padding-top: 10px;float: left;}
.rexiao li .more{width:18px;height:18px;padding-top: 15px;float: right;}
.right_content{width:100%;box-sizing: border-box; padding:20px}
.newsContent{line-height:35px;font-size:16px;}
.pro_txt{line-height:35px;font-size:16px;padding: 30px 20px}
.page_prev{width:100%; padding: 20px 0;}
.page_prev li{padding:0 15px; margin: 5px;background: #f1f1f1;line-height: 40px;}
.page_prev li i{padding-right: 8px;color:#0797f8}
.inpiclist{width: 100%; height: auto;overflow: hidden;}
.inpiclist li { width:256px;height: 241px; float: left;margin:0 5px 10px;overflow: hidden; position: relative;}
.inpiclist li .imgbox {width: 256px;height: 191px;background: #e3e2e2;overflow: hidden;position: relative;}
.inpiclist li .imgbox img {width: 256px;height: 191px;display: block;transition: 0.4s all;}
.inpiclist li .imgbox img:hover {transform: scale(1.05)}
.inpiclist li .in_tit{width: 100%;height:50px;line-height: 50px;border-bottom: 2px #f2f2f2 solid;padding: 0 8px;box-sizing: border-box;margin-bottom: 26px; overflow: hidden;}
.inpiclist li .in_tit .p01{width: 160px;font-size: 18px;color: #040000;float: left;}
.inpiclist li .in_tit .p02{width:75px;color: #777777;font-size: 16px; float: right;}
.newslist{padding-top: 30px}
.newslist li{width: 100%;height: auto;overflow: hidden;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px #b9b8b8 dashed;}
.newslist li .right{width: 180px;}
.newslist li .right .npic{width: 180px;height: 135px;background: #ddd;display: block;float: left;}
.newslist li .left{width: 640px;padding-left: 15px;}
.newslist li .left .title{font-size: 24px;color: #333;line-height: 30px;transition: 0.4s all}
.newslist li:hover .left .title{color:#0797f8;padding-left: 8px}
.newslist li .left .rel{font-size:14px;color: #999;margin-top: 10px}
.newslist li .left .rel i{color: #999;margin: 0 10px;text-decoration: none;}
.newslist li .left .summary{height:60px; font-size:14px;color: #555;margin-top: 10px}
.newslist li .left .tags i{color: #be0201;}

#infoImage{width: 100%;padding: 15px 0}
#infoImage img{display: block;margin: 0 auto}

.newTitle{font-size:20px}
.newsInfo{line-height:40px;font-size: 14px; margin-bottom:15px;color: #999; border-bottom: 1px #ddd dotted}
.newsInfo span{padding-right: 20px}
.tuijian,.hotpro{width: 1200px;margin: 0 auto;}
.tit_tuijian,.tit_hotpro{line-height:70px;font-size:26px;font-weight: bold;color:#333;background: url(../images/rx.png) left center no-repeat;padding-left:45px;background-size:36px auto; border-bottom: 2px #f1f1f1 solid;}
.tuijian ul{width: 100%;height: auto;overflow: hidden;padding-top: 10px;}
.tuijian ul li{width: 50%; line-height: 45px;float: left;}
.tuijian ul li i{padding-right: 8px}
.tuijian ul li a{transition: 0.4s all}
.tuijian ul li a:hover{padding-left: 5px}
.cpbox01{width: 1200px;height: 530px;margin:0 auto;background-color: #fff;border-radius:10px;padding: 40px;box-sizing: border-box;box-shadow: 0 5px 15px rgba(14,52,115,0.1);}
.cpbox01 .cp_img{width: 600px;height: 450px;float: left;}
.cpbox01 .cp_img img{width: 600px;height: 450px;display: block;background: rgba(0,0,0,0.1);}
.cpbox01 .cp_detail{width: 480px;height: 450px; position: relative; float: right;}
.cpbox01 .cp_detail h1{color: #0797f9;font-size: 34px;line-height: 60px;margin-top: 15px;}
.cpbox01 .cp_detail .p01{height: 60px;font-size: 14px;color: #888;line-height: 60px;background: url(../images/notice.png) left center no-repeat;background-size:20px auto; padding-left: 30px;}
.cpbox01 .cp_detail .p02{color: #888;font-size: 14px; line-height:1.6;margin-top: 15px;clear:both;}
.cpbox01 .cp_detail .p02 b{ float: left; color:#0797f8; font-size: 16px; }
.cpbox01 .cp_detail .p03{width: 100%;height: auto;overflow: hidden; left: 0;bottom: 30px; position: absolute;}
.cpbox01 .cp_detail .pro-tel{width: 40%; padding-left: 50px;float: left; background:url(../images/ico-tel.png) left center no-repeat; background-size: 40px;}
.cpbox01 .cp_detail .pro-tel span{ display:block; font-size:14px; color:#333; line-height:20px; }
.cpbox01 .cp_detail .pro-tel p{ font-size:18px; color:#0797f9; line-height:36px; font-weight:700;}
.cpbox01 .cp_detail .pro-tel p em{ font-size:24px;font-style: normal; display:inline-block; font-weight:700;}
.cpbox01 .cp_detail .pro-btn{ float: left; width: 40%; line-height:50px; font-size: 18px; }
.cpbox01 .cp_detail .pro-btn span{ display:block; color: #FFF; cursor:pointer; text-align:center; border-radius: 4px; background-color:#0797f9}
.cpbox02{padding-top: 30px}
.pro_t{width: 100%;height: 40px;font-size: 18px;font-family: Arial;text-transform: uppercase;font-style: normal;color: #c2c2c1;border-bottom: 3px #f1f1f1 solid;}
.pro_t span{color: #333;padding-left:36px;padding-right: 10px;font-size:26px;border-bottom:3px solid #0797f8;background: url(../images/xq.png) left center no-repeat;background-size: 28px auto;line-height: 40px;display: inline-block;}




#page{text-align: center;padding: 30px 0}
#page a{min-width:30px;height: 30px;line-height: 30px;padding:0 5px;text-align:center;font-size: 16px;background: #fff;border:#dfdfdf 1px solid;display:inline-block;}
#page_num{width: 30px;height: 30px;}
#page .current{min-width:30px;height: 30px;line-height: 30px;text-align:center;font-size: 16px;color: #fff;background: #0797f8;border: #0797f8 1px solid;display:inline-block;}

.cplx{width: 100%;height: auto;padding: 20px 20px 40px;border: 1px #ddd solid;box-sizing: border-box;margin-top: 20px;overflow: hidden;}
.cplx li{width: 48%;height: 70px;margin-left: 1%;margin-right: 1%;line-height: 50px;box-sizing: border-box;padding: 15px 5px;float: left;border-bottom: 1px #ddd solid;}
.cplx li i{font-size: 20px;width: 40px;height: 40px;text-align: center;line-height: 40px;display: inline-block;border-radius: 50%;margin-right: 15px;color: #14a73d;border: 2px #14a73d solid;}

/*放大镜*/
.detail01 {
    width: 412px;
    margin-top: 20px;
    float: left;
}

.pic-box {
    width: 412px;
}

.pic-preview {
    position: relative;
    width: 412px;
    height: 412px;
    border: solid 1px #E9E9E9;
}

.pic-scroll {
    position: relative;
    width: 412px;
    height: 60px;
    margin-top: 10px;
}

.pic-scroll .prev {
    position: absolute;
    top: 0px;
    left: 20px;
}

.pic-scroll .next {
    position: absolute;
    bottom: 0px;
    left: 20px;
}

.pic-scroll .prev,
.pic-scroll .next {
    display: block;
    width: 29px;
    height: 15px;
    cursor: pointer;
}

.pic-scroll .prev {
    background: url(../Image/detail_left.jpg) no-repeat;
}

.pic-scroll .next {
    background: url(../Image/detail_right.jpg) no-repeat;
}

.pic-scroll .prev:hover {
    background: url(../Image/detail_left1.jpg) no-repeat;
}

.pic-scroll .next:hover {
    background: url(../Image/detail_right1.jpg) no-repeat;
}

.pic-scroll .items ul li {
    float: left;
    margin: 0px 3px;
    width: 62px;
    height: 62px;
    border: 1px solid #E9E9E9;
    text-align: center;
    display: inline;
}

.pic-scroll .items ul li img {
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.pic-scroll .items ul li:hover {
    border: 1px solid #f30f0f;
}

/* 图片放大镜样式*/
.jqzoom {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 410px;
    height: 410px;
    cursor: crosshair;
}

.jqzoom img {
    width: 410px;
    height: 410px;
}

.zoomdiv {
    position: absolute;
    z-index: 100;
    display: none;
    width: 200px;
    height: 200px;
    background: #fff;
    border: 1px solid #e8e8e8;
    overflow: hidden;
}

.jqZoomPup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    visibility: hidden;
    max-width: 200px;
    max-height: 200px;
    border: 1px solid #aaa;
    background: #fff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    overflow: hidden;
}

/* contact*/
.contact01{width: 100%;height:400px;background: #f9f9f9;box-shadow: 0 5px 5px rgba(0,0,0,0.1);margin-top: 15px;}
.contact01 .cleft{width: 400px;height: 400px;background: #14a73d; color: #fff;text-align: center; float: left;}
.contact01 .cleft .weixin{width: 150px;height: 150px;background: #eee;display: block;margin: 80px auto 15px;}
.contact01 .cright{width: 885px;height: 400px;float: right;padding: 30px 40px;box-sizing: border-box;position: relative;}
.contact01 .cright:before{content: "";width: 30px;height: 30px;background: #f9f9f9;transform: rotate(45deg);position: absolute;left: -10px;top: 185px;display: block;}
.contact01 .cright .p0{font-weight: bold;color: #333;font-size: 26px;}
.contact01 .cright .p01{color: #888;padding-top: 15px;font-size: 15px;padding-bottom: 15px;}
.contact01 .cright .p02{ color: #333; line-height: 36px;}
.contact01 .cright .p02 i{color: #14a73d;width: 35px;}
.contact01 .cright .p02 span{font-size:26px;color:#14a73d}
#allmap {width: 100%;height: 400px;overflow: hidden;border: 1px #ccc solid;box-sizing: border-box;position: relative;margin: 50px auto;}

/*订单*/
.formys{height:auto; padding-top: 40px;color: #555555;}
.formmcys{ float: left; }
.cpmcys{ width:400px; height:34px;border:1px solid #d2d4d6; font-family: "微软雅黑"; color: #555555; background: #f9f9f9; font-size: 14px;}
.formbz{ float:left;}
.G_InputText{width:400px;height:30px;border:1px solid #d2d4d6; background: #f9f9f9;}
.G_textarea{width:400px;height:100px;border:1px solid #dedede;background: #f9f9f9;}
.G_ul{width:100%;}
.G_botton{

    width:55px;

    height:30px;

    line-height:30px;

    border:0;

    background:url(button.gif) no-repeat;

    cursor:pointer;

}

.borderLi{ width:100%; height:auto; padding-top:10px;}
.G_tips{

    

    width:486px;

    margin:10px auto 0 auto;

    border:1px solid #dedede;

    padding:7px;

    border-radius:5px;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    box-shadow: 0px 0px 3px rgba(0,0,0,.1);

    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}
.sub{width: 105px;height: 32px;background:#bb1918;line-height: 32px;text-align: center;color: #fff;font-family: "微软雅黑";border: none}
.sub:hover{background: #333333}