@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF; min-width: 1366px;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#5c5c5c; text-decoration:none}



h2,h3,h4,b,strong { font-weight: normal; }

em,i { font-style: normal; }



.clear{ zoom: 1; }

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

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}

@font-face {

    font-family: "font1";

    src: url(../images/Alt.otf);    

}

.fdimg{width: 30px;height: 30px; position: relative; margin: 0 auto;cursor: pointer;}

.img2{position: absolute;display: none;width: 200px;height: 200px;z-index: 100;}

.fdimg:hover .img2{display: block;}



.header{background: #009de2;}

.top{background: #f5f5f5;}

.topbox{width: 1400px; margin: 0 auto;}

.topbox p{line-height: 35px; color: #5f5f5f;}

.topbox p a{color: #5f5f5f;}

.topbox p a:hover{color: #009de2;}

.topbox span{padding: 0 10px;}

.topbox img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 20px;}

.logo{float: left; width: 493px;}

.logo img{ padding-top: 20px;width: 169px;float: left;}

.logo p{color: #fff;font-size: 16px; line-height: 27px; float: left;padding: 30px 0 0 20px;font-weight: 400;}

.headerbox{width: 1400px; overflow: hidden;margin: 0 auto;}

.nav {float: right;}

.nav ul{overflow: hidden;}

.nav li{float: left; font-size: 16px; line-height: 122px; padding-right: 15px;padding-left: 15px;}
.nav li.cur{background:#f5f5f5;}
.nav li.cur a{color:#007aff;}

.nav li a{color: #fff; display: block; position: relative;}

.nav li a:before{position: absolute;content: ""; border-bottom: 3px solid #7ed8ff;left: 0; bottom: 42px;width: 0;transition: All 0.4s ease-in-out;}

.nav li.cur a:before{width: 100%;}

.nav li:hover a:before{width: 100%;}

.lxdh{float: right; padding-right: 58px;height: 122px;background: url(../images/a_10.png) no-repeat right center;text-align: right;}

.lxdh p{color: #fff; padding: 35px 0 5px;}

.lxdh h2{font-size: 32px; font-weight: bold; color: #fff;font-style: italic;}



.banner img{width: 100%;}

.banner .swiper-pagination{bottom:20px ;}

.banner .swiper-pagination-bullet{width: 50px;height: 5px;background: #fff;border-radius: 0; opacity: 1;}

.banner .swiper-pagination-bullet-active{background: #ffc600;}



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

.qj_tit{text-align: center; padding: 70px 0 65px;}

.qjtitbox{display: inline-block; padding: 0 35px;position: relative;}

.qjtitbox h2{font-size: 38px; font-weight: bold; color: #3c3c3c;}

.qjtitbox h2 span{color: #009de2;}

.qjtitbox p{color: #d1d1d1; margin-top: 8px;letter-spacing: 1px;background: #fff; padding: 0 10px;position: relative;z-index: 10;}

.qjtitbox:before{background: url(../images/a_01.png); width: 64px;height: 35px; left: 0; bottom: 5px; position: absolute;content: "";}

.qjtitbox:after{background: url(../images/a_02.png); width: 64px;height: 35px; right: 0; bottom: 5px; position: absolute;content: "";}

.xzxm_nr{padding-bottom: 60px; position: relative;}

.xzxm_nr img{width: 100%;}

.xzxm_left {position: absolute;width: 255px; left: 40px;top: 85px;}

.xzxm_left li{padding-bottom: 85px; overflow: hidden;}

.xzxm_left span{float: left; font-weight: bold; font-size: 60px; color: #6c6c6c;font-style: italic;border-bottom: 2px solid #009de2;padding-bottom: 12px;}

.xzxm_text{float: right;width: calc(100% - 80px);}

.xzxm_text h2{font-weight: bold; font-size: 20px;color: #3c3c3c; line-height: 30px;}

.xzxm_text p{font-size: 14px; line-height: 20px;color: #6c6c6c;}

.xzxm_right {position: absolute;width: 255px; right: 35px;top: 85px;}

.xzxm_right li{padding-bottom: 75px; overflow: hidden;}

.xzxm_right span{float: left; font-weight: bold; font-size: 60px; color: #6c6c6c;font-style: italic;border-bottom: 2px solid #009de2;padding-bottom: 12px;}









.bj1{background: #f5f5f5;}

.zzxq_nr{padding-bottom: 50px;}

.zzxqbox_a{overflow: hidden; padding-bottom: 40px;}

.zzxq_tpl{width: 50%; float: left;}

.zzxq_tpl img{width: 100%;}

.zzxq_right{float: right; padding-left: 25px;width: 50%;}

.zzxq_right h2{display: inline-block; padding:0 50px; line-height: 42px; color: #fff; background: #009de2;border-radius: 4px; margin-bottom: 10px;}

.zzxq_right li{padding-left: 25px;background: url(../images/a_33.jpg) no-repeat 7px 16px; line-height: 38px;font-size: 16px; color: #666666;}

.zzxq_tpr{width: 50%;float: right;}

.zzxq_tpr img{width: 100%;}

.zzxq_left{float: right; padding-right: 25px;width: 50%;}

.zzxq_left h2{display: inline-block; padding:0 50px; line-height: 42px; color: #fff; background: #009de2;border-radius: 4px; margin-bottom: 10px;}

.zzxq_left li{padding-left: 25px;background: url(../images/a_33.jpg) no-repeat 7px 16px; line-height: 38px;font-size: 16px; color: #666666;}



.gylc_nr{}

.gylc_nr ul{overflow: hidden;padding-bottom: 80px; margin-left: -25px;}

.gylc_nr li{float: left; width: 16.66%; padding-left: 25px;}

.gylcbox{height: 178px;width: 178px;text-align: center; border: 1px solid #f0f0f0;border-radius: 50%;position: relative;cursor: pointer;}

.gylcbox img{margin: 25px auto 0 auto;transition: all 0.9s;}

.gylcbox:hover img{transform: rotateY(360deg);}

.gylcbox h2{font-size: 18px; font-weight: bold; color: #3c3c3c; margin: 12px 0 8px;}

.gylcbox p{font-size: 12px; line-height: 20px; color: #949494;}

.gylcbox span{position: absolute; text-align: center; width: 32px;height: 32px; font-size: 18px; color: #fff;background: #009de2; border-radius: 50%; bottom: -16px;left: 50%; margin-left: -16px; line-height: 32px;}



.bdnr{background: url(../images/a_67.jpg) no-repeat center center;background-size: 100% 100%;border-radius: 8px; padding: 50px 35px 43px 35px; margin-bottom: 70px;}

.bdnr ul{overflow: hidden; margin-left: -25px; padding-bottom: 27px; }

.bdnr li{float: left;padding-left: 25px;}

.bdnr span{font-size: 14px; color: #fff; line-height: 39px;}

.wby1{background: #fff; width: 295px;height: 39px; font-size: 14px; padding: 0 20px;}

.bdnr p{text-align: center;}

.btn1{width: 165px; height: 38px;background: #ffc600; font-size: 16px;border: none;border-radius: 5px;cursor: pointer;margin: 0 15px;color: #fff;text-align: center;}

.btn1:hover{background:#ffd43d;}

.btn2{width: 165px; height: 38px;background: #afafaf; font-size: 16px;border: none;border-radius: 5px;cursor: pointer;margin: 0 15px;color: #fff;}

.btn2:hover{background: #c6c6c6;}

.lgnr{overflow: hidden; padding: 0px 0;}

.lgnr_left{float: left; width: 420px; padding-left: 20px;}

.lgnr_left h2{font-size: 24px;font-weight: bold; color: #3c3c3c; margin-bottom: 10px;}

.lgnr_left p{font-size: 16px; color: #3c3c3c; line-height: 28px;}

.lgnr a{float: right; color: #fff; font-size: 18px; width: 240px; line-height: 50px;text-align: center; background: #009de2;border-radius: 5px; margin-top: 25px; margin-right: 20px;}

.lgnr a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.2s ease-in-out; }

.lgnr a:hover{background:#00bdee;}

.footer{background: #2a2a2a;}

.footerbox{width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 0px;}

.foot_left{float: left; width: 960px;}

.foot_left ul{overflow: hidden;}

.foot_left li{float: left; line-height: 78px; font-size: 14px;}

.foot_left a{color: #c1c1c1;}

.foot_left  span{color: #2f2f2f; padding: 0 40px;}

.foot_left a:hover{color: #fff;}

.foot_left p{font-size: 14px; line-height: 36px; color: #c1c1c1;}

.foot_left p img{display: inline-block;vertical-align: middle; margin: -3px 9px 0 0;}

.foot_right{float: right;width: 123px;text-align: center; padding-top: 38px;}

.foot_right p{font-size: 14px; margin-top: 18px;color: #c1c1c1;}

.bqxx{background: #0a0a0a;} 

.bqxxbox{width: 1300px; margin: 0 auto; overflow: hidden;}

.bqxxbox p{float: right; line-height: 35px; font-size: 14px; color: #ffffff;} 

.bqxxbox ul{float: left; overflow: hidden;}

.bqxxbox li{float: left; font-size: 14px; line-height: 35px;color: #ffffff;}

.bqxxbox a{color: #ffffff; padding-right: 12px;} 

.fdck{position: fixed; z-index: 100; right: 0; bottom: 40%;}

.fdck li{margin-bottom: 5px;position: relative;}



.fdck li:hover .fc{opacity: 0.6;cursor: pointer;}

.fdck .qqhm{width: 167px; position: absolute; ;background: #00bdee;position: absolute;top: 0;transition: All 0.4s ease-in-out;border-radius: 8px; padding: 15px 0;right: -200px; box-shadow:0 0 10px rgba(0, 0, 0, .2); }

.fdck .qqhm img{display: inline-block;vertical-align: middle; margin: -3px 6px 0 0;}

.fdck p{line-height: 30px;font-size: 14px;text-align: center; }

.qqhm a{ color: #fff;}

.dhbox{width: 167px; position: absolute; ;background: #00bdee;position: absolute;top: 0;transition: All 0.4s ease-in-out;border-radius: 8px; padding: 15px 0;right: -200px; box-shadow:0 0 10px rgba(0, 0, 0, .2); padding: 22px 0 22px 17px;} 

.fdck b{position: absolute;width:0; right: -10px;top: 18px;height:0; border-top:8px solid transparent; border-bottom: 8px solid transparent;border-left: 10px solid #00bdee;}

.dhbox img{float: left; }   

.dhbox dl a{float: right;width: calc(100% - 27px);}

.dhbox dt{line-height: 20px; padding-bottom: 15px;overflow: hidden; } 

.dhbox dt:nth-child(2){ padding-bottom: 0;}

.dhbox dt a{color: #fff;}  

    

.rwm {width: 167px; position: absolute; ;background: #00bdee;position: absolute;top: 0;transition: All 0.4s ease-in-out;border-radius: 8px; padding: 15px 0;right: -200px; box-shadow:0 0 10px rgba(0, 0, 0, .2); padding: 23px 0;}

.rwm img{width: 103px; margin: 0 auto;}

.rwm p{font-size: 14px; line-height: 20px; margin-top: 8px;color: #fff;}



.fdck li:hover .qqhm{right: 65px;} 

.fdck li:hover .dhbox{right: 65px;} 

.fdck li:hover .rwm{right: 65px;}  



 

 /*登录页*/

.dlbj{background-image: url(images/banner1.jpg);}

.dlnr{width: 1200px; overflow: hidden; margin: 0 auto; padding: 135px 0 125px;} 

.dlnr_left{float: left; width: 572px;}

.dlnr_left img{width: 100%;} 

.dlnr_right{float:right; padding: 30px 50px 0 50px;border-radius: 8px;background: #009de2;width: 460px;height: 380px;} 

.dlnr_tit ul{overflow: hidden;}  

.dlnr_tit li{float: left; padding-right: 40px;} 

.dlnr_tit span{display: block; line-height: 40px; font-size: 20px; color: #fff; font-weight: bold;cursor: pointer;} 

.dlnr_tit li.cur span{border-bottom: 3px solid #ffc600;color: #ffc600;} 

.dlxq {padding-top: 20px;}

.dlxq ul{border-radius: 8px;background: #fff; padding: 0 12px;}

.wby2{border-bottom: 1px solid #dfdfdf; line-height: 52px;width: 100%; height: 53px; padding: 0 0 0 25px;} 

.wby2::-webkit-input-placeholder{color:#cfcfcf;} 

.wby3::-webkit-input-placeholder{color:#cfcfcf;w} 

.yzm{float: right; line-height: 30px; font-size: 14px; color: #4e4d4d;width: 97px; padding-right: 10px;border-left: 1px solid #e5e5e5; margin-top: 11px;text-align: right; } 

.yzm:hover{color: #00bdee;}

.wby3{ line-height: 52px; height: 53px; padding: 0 0 0 25px;width: 230px;float: left;}  

.dlxq li{overflow: hidden;} 

.btn3{width: 100%; height: 44px;background: #ffc600;border-radius: 8px; cursor: pointer;border: none; font-size: 16px; font-weight: bold; margin-top: 17px;color: #fff;}

.btn3:hover{background: #ffd84f;}

.dlxq p{margin-top: 15px; overflow: hidden;} 

.dlxq p a{font-size: 14px; color: #fff;} 

.dlxq p a:hover{text-decoration: underline;} 

 

/*忘记密码*/

.dlnr_tit h2{font-weight: bold; font-size: 20px; color: #fff;text-align: center;} 

.yzm img{display: inline-block;} 

 /*我要定制*/

.dlnr_tit p{color: #fff; font-size: 14px;}

.dlnr_tit a{color: #ffc600;}

.dlnr_tit a:hover{text-decoration: underline;} 

.dlxq h4{font-size: 14px; color: #fff;margin-top: 20px;}  

.dlxq h4 a{color: #ffc600;} 

.dlxq h4 a:hover{text-decoration: underline;} 

.wby4{width: 18px;height: 18px;vertical-align: middle; margin: -3px 8px 0 0;} 



/*在线下单*/

.banner1{background: url(/images/a_02111.png) no-repeat center center; height: 389px;background-size: cover;}
.banner2{background: url(/images/a_02113.png) no-repeat center center; height: 389px;background-size: cover;}


.zzcd{margin: -228px 5px 0 5px;border-radius: 8px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2); padding: ;background: #fff;}

.zzcd_left{float: left; border-radius: 8px 0 0 8px; overflow: hidden; width: 55px;text-align: center; border-right: 1px solid #dfdfdf;}

.zzcd_left li span{display: block; height: 160px; font-size: 16px;text-align: center; color: #3c3c3c; padding: 40px 20px 0 20px; line-height: 28px;cursor: pointer;}

.zzcd_left li.cur span{color: #fff;background: #009de2;}

.zzcd_right{float: right;width: calc(100% - 85px);}

.zzcd_box{padding: 8px 25px 0 0;animation:fadeIn .25s, 100ms;}





.zzcd1{margin-bottom: 12px; margin-left: -17px;height: 39px;}

.zzcd1 li{ padding-left: 14px;float: left;}

.zzcd1 li span{float: left; font-size: 14px; color: #3c3c3c; line-height: 39px;}
.zzcd1 li span#upfileName{width:400px;height:49px;overflow:hidden;}






.box { position: relative;display: inline-block;}

.box1{width: 152px;}

.selectBox,.selectBox1 {height: 39px; border: 1px solid #dfdfdf;text-align: center;display: block;line-height: 37px;color: #999;}


.selectList {position: absolute;width: 100%;top: 39px; left: 0;background: #fff;border:1px solid #dfdfdf;z-index: 10;border-top: none;}

.selectList ul{padding: 0 10px;}

.selectList li { line-height: 37px;border-bottom: 1px dashed #dfdfdf;display: block;text-align: center; padding: 0;float: none;}

.arrow-icon {background:url(../images/a_04.png) no-repeat 95% center;}

.selectList a{color: #999;}

.selectList a:hover {color:#009de2;}

.none {display:none}



.wby6{float: left; width: 20px;height: 20px;border: 1px solid #dddddd; margin-top: 10px;}

.zzcd1 em{padding-right: 16px;display: block;float: left;color: #999;}

.wby7{float: left; width: 300px;border: 1px solid #ddd; padding: 10px; height: 39px;}



.zzcd1 em{padding-right: 16px;display: block;float: left;}

.wbybox{float: left; width: 124px;position: relative;}

.wby8{border: 1px solid #dddddd;width: 100%; padding: 0 15px; line-height: 37px;padding: 0 15px;height: 39px; }

.zzcd1 i{font-size: 14px; color: #999; right: 10px;top: 0; line-height: 37px; position: absolute;}

.scwj{height: 39px;width: 124px;float: left;display: block;text-align: center; font-size: 14px; color: #999;line-height: 37px;border: 1px solid #ddd;}

.box2{width: 100px;}

.box3{width: 124px;}

.wby10{border: 1px solid #dddddd;width: 124px; padding: 0 15px; line-height: 37px;padding: 0 15px;height: 39px; display: block;float: left; text-align: center;background: url(../images/a_04.png) no-repeat 95%; center;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;color: #999;  }

.zzcd1 p{font-size: 14px; line-height: 39px; color: #db0101;}

.zzcd1 dl{overflow: hidden; margin-left: -21px;}

.zzcd1 dt{float: left; padding-left: 21px;}

.btn4{height: 39px; width: 100%; color: #fff;border: none; font-size: 14px;background: #009de2;border-radius: 5px;width: 90px;cursor: pointer;}

.cjwt{padding: 15px 0 0 0;background: url(../images/a_05.png) no-repeat right bottom; margin-bottom: 60px;transition: All 0.3s ease-in-out;}

.btn4:hover{background: #00bdee;}

.cjwtbox li{padding-bottom: 25px;}

.cjwtbox h2{font-size: 16px; color: #3c3c3c;overflow: hidden;line-height: 18px; margin-bottom: 10px;}

.cjwtbox h2 span{float: left; width: 18px; line-height: 18px;text-align: center; color: #fff; font-size: 14px;background: #f1174f;border-radius: 50%;}

.cjwtbox h2 b{float: right;width: calc(100% - 29px);}

.cjwtbox p{font-size: 16px; line-height: 18px; color: #b5b5b5;overflow: hidden;}

.cjwtbox p b{float: right;width: calc(100% - 29px);}

.cjwtbox p span{float: left; width: 18px; line-height: 18px;text-align: center; color: #fff; font-size: 14px;background: #2b95de;border-radius: 50%;}



.tcbj{position: fixed;width: 100%; height: 100%;z-index: 10; background: rgba(0,0,0,.8);top: 0;left: 0;display: none;}

.ddtc{width: 340px;border-radius: 10px;z-index: 15; background: #fff;text-align: center; padding: 50px 0 75px;left:50%; top:50%; transform:translate(-50%,-50%);position: fixed;display: none;}

.ddtc img{margin: 0 auto;}

.ddtc h2{font-size: 28px; line-height: 62px; color: #3c3c3c;}

.gbbtn{display: block; margin:0 auto; cursor: pointer; width:164px; line-height: 38px; color: #fff; font-size: 20px;background: #009de2;border-radius: 5px;}

.gbbtn2{position: absolute;font-size: 28px; color: #3c3c3c;right: 10px;top: 10px;cursor: pointer;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}

.gbbtn2:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.shdz li.cur .shdzbox {

    border: 3px solid rgb(225,247,255);

}

/*我要定制_显示结果*/

.zzcdbox{height: 270px; border-radius: 8px;}

.xsjg{display: ;}

.ddxq{margin:15px auto;font-size:14px;padding:0 20px;    width: 80%;    position: absolute;}

.copybtn {display:none;float: right;margin-right:30px;}

.xsjg_tit{background: #009de2;}

.xsjg_tit h2{font-size: 14px;font-weight: bold; line-height: 42px; color: #3c3c3c; overflow: hidden; padding: 0 45px;}

.gbbtn3{float: right;width: 67px; line-height: 28px; color: #fff;background: #009de2;cursor: pointer;text-align: center; margin-top: 8px; font-weight: 400;}

.xsjg_box{overflow: hidden; padding: 28px 45px;}

.gbbtn3:hover{background: #00bdee;}

.xsjg_left{float: left; position: relative;width: 630px; }

.xsjg_left img{width: 100%;}

/* .xsjg_box p{position: absolute;right: 0;bottom: 0;width: 475px; line-height: 45px;text-align: center;background: #f5f5f5;font-size: 14px; color: #db0101;} */

.xsjg_box p i{display: inline-block;vertical-align: middle; background: url(../images/a_08.png);width: 18px;height: 18px;margin: -3px 9px 0 0;}

.xsjg_right{float: right;width: 430px;background: #e6f7ff;}

.bgys1{border-top: 1px solid #fff;border-left: 1px solid #fff;width: 100%;}

.bgys1 td{border-bottom: 1px solid #fff;border-right: 1px solid #fff; line-height: 62px; font-size: 14px; color: #3c3c3c; padding-left: 50px;}

.bgys1 span{color: #db0101;}



/*详情页*/

.wzxq{padding: 0 50px;}

.yldh{border-bottom: 1px solid #f0f0f0;}

.yldh p{line-height: 68px; font-size: 14px;color: #c8c8c8;}

.yldh p a{color: #666666;}

.yldh p a.cur{color: #009de2;}

.yldh p a:hover{color: #009de2;}

.wzxq_tit{border-bottom: 7px solid #eeeeee;}

.wzxq_tit h2{text-align: center; font-weight: bold; font-size: 28px; color: #3c3c3c; line-height: 123px;}

.wzxq_nr{ padding: 20px 0 80px;}

.wzxq_nr h3{font-size: 14px; line-height: 32px; color: #666666; margin-top: 30px;}

.wzxq_nr p{font-size: 14px; line-height: 32px; color: #666666;}

.wzxq_nr img{margin: 30px auto; max-width: 100%;}

.fynr{padding-bottom: 200px;}

.fynr ul{overflow: hidden; padding: 0 ;}

.fynr li{float: left; font-size: 16px;}

.fynr a{display: block;text-align: center;  width: 155px; line-height: 48px; color: #363535;background: #e8e8e8;}

.fynr ul li:nth-child(2){float: right;}

.fynr a:hover{color: #fff;background: #009DE2;}



/*会员中心_首页*/

.hyzxbox{height: calc(100vh - 157px);overflow: hidden;}

.hyzx_left{float: left;width: 220px;background: #2a2a2a;overflow: auto;height: 100%;}

.hyxq{text-align: center;}

.hyxq h2{font-size: 20px;text-align: center; color: #fff; margin: 27px 0 15px;}

.hyxq p{font-size: 12px;color: #bcbcbc; line-height: 31px;}

.hyxq b{display: block;background: url(../images/a_09.png); width: 94px; height: 25px; line-height: 25px; font-size: 14px; color: #fff; line-height: 22px; margin: 0 auto 14px auto; padding-left: 20px;}

.hyxq span{font-family: font1; font-size: 22px; color: #fff;}

.hyxq h4{padding-top: 15px;text-align: center;}

.hyxq h4 a{display: inline-block; color: #fff; width: 82px; line-height: 29px; font-size: 16px; background: #009de2;border-radius: 6px; margin:0 4px ; }

.hyxq h4 a:hover{background: #ffc200;}

.clnav{padding: 20px 0;}

.clnav li{line-height: 50px; font-size: 16px;}

.clnav a{display: block; color: #bcbcbc; padding-left: 50px;}

.clnav a span{display: inline-block; width: 20px;height: 20px; margin: -3px 10px 0 0;vertical-align: middle;}

.om1{background: url(../images/b1.png) no-repeat center center;}

.om2{background: url(../images/b2.png) no-repeat center center;}

.om3{background: url(../images/b3.png) no-repeat center center;}

.om4{background: url(../images/b4.png) no-repeat center center;}

.om5{background: url(../images/b5.png) no-repeat center center;}

.om6{background: url(../images/b6.png) no-repeat center center;}

.om7{background: url(../images/b7.png) no-repeat center center;}

.om8{background: url(../images/b8.png) no-repeat center center;}

.om9{background: url(../images/b9.png) no-repeat center center;}

.om10{background: url(../images/b10.png) no-repeat center center;}

.om11{background: url(../images/b11.png) no-repeat center center;}

.om12{background: url(../images/b12.png) no-repeat center center;}

.clnav li.cur a{background: #009de2;color: #fff;}

.clnav li.cur a .om1{background: url(../images/b1a.png) no-repeat center center;}

.clnav li.cur a .om2{background: url(../images/b2a.png) no-repeat center center;}

.clnav li.cur a .om3{background: url(../images/b3a.png) no-repeat center center;}

.clnav li.cur a .om4{background: url(../images/b4a.png) no-repeat center center;}

.clnav li.cur a .om5{background: url(../images/b5a.png) no-repeat center center;}

.clnav li.cur a .om6{background: url(../images/b6a.png) no-repeat center center;}

.clnav li.cur a .om7{background: url(../images/b7a.png) no-repeat center center;}

.clnav li.cur a .om8{background: url(../images/b8a.png) no-repeat center center;}

.clnav li.cur a .om9{background: url(../images/b9a.png) no-repeat center center;}

.clnav li.cur a .om10{background: url(../images/b10a.png) no-repeat center center;}

.clnav li.cur a .om11{background: url(../images/b11a.png) no-repeat center center;}

.clnav li.cur a .om12{background: url(../images/b12a.png) no-repeat center center;}

.clnav a:hover{background: #009de2;color: #fff;}

.clnav a:hover .om1{background: url(../images/b1a.png) no-repeat center center;}

.clnav a:hover .om2{background: url(../images/b2a.png) no-repeat center center;}

.clnav a:hover .om3{background: url(../images/b3a.png) no-repeat center center;}

.clnav a:hover .om4{background: url(../images/b4a.png) no-repeat center center;}

.clnav a:hover .om5{background: url(../images/b5a.png) no-repeat center center;}

..clnav a:hover .om6{background: url(../images/b6a.png) no-repeat center center;}

.clnav a:hover .om7{background: url(../images/b7a.png) no-repeat center center;}

.clnav a:hover .om8{background: url(../images/b8a.png) no-repeat center center;}

.clnav a:hover .om9{background: url(../images/b9a.png) no-repeat center center;}

.clnav a:hover .om10{background: url(../images/b10a.png) no-repeat center center;}

.clnav a:hover .om11{background: url(../images/b11a.png) no-repeat center center;}

.clnav a:hover .om12{background: url(../images/b12a.png) no-repeat center center;}



/*购物车*/

.gwc{padding: 30px 0 330px;}

.tjdd_tit{border-bottom: 1px solid #dfdfdf;}

.tjdd_tit ul{border-left: 1px solid #dfdfdf;overflow: hidden;}

.tjdd_tit li{float: left;}

.tjdd_tit a{display: block; text-align: center; font-size: 14px; color: #4e4d4d; line-height: 45px;width: 215px;border-top: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}

.tjdd_tit a b{display: inline-block;vertical-align: middle; width: 18px;height: 18px;text-align: center; line-height: 18px;border-radius: 50%; color: #fff;background: #009de2;margin: -3px 6px 0 0;}

.tjdd_tit li.cur a{color: #fff;background: #009de2;}

.tjdd_tit li.cur a b{color: #009de2;background: #fff;}

.tjdd_tit a:hover{color: #fff;background: #009de2;}

.tjdd_tit a:hover b{color: #009de2;background: #fff;}



.gwcnr{padding-top: 20px;}

.btn8{display: block; width: 80px;line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin: 0 auto;border-radius: 6px;background: #009de2;}

.btn8:hover{background: #00bdee;}

.btn9{display: block; width: 80px;line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin: 0 auto;border-radius: 6px;background: #ff6666;}

.btn9:hover{background: #ff8585;}

.qkgwc{float: left;  width: 106px; line-height: 43px;text-align: center; font-size: 14px; color: #fff;background: #db0101;border-radius: 6px;}

.qkgwc:hover{background: #f92f2f;}





.ckxqgw{position: fixed;z-index: 50;background: #fff;border-radius: 8px;left:50%; top:50%; transform:translate(-50%,-50%);width: 950px; padding-bottom: 30px;box-shadow:0 0 10px rgba(0, 0, 0, .5); overflow: hidden;display: none;}

.ckxqgw h2{font-size: 14px; color: #6c6c6c; line-height: 36px;border-bottom: 1px solid #dfdfdf; padding: 0 25px;background: #f6f6f6;}

.ckbtn{color: #6c6c6c;cursor: pointer;}

.ckbtn:hover{color: #00bdee;}

.ckxqgw_nr ul{overflow: hidden; padding: 10px 0 0 0;}

.ckxqgw_nr li{float: left; width: 50%;border-bottom: 1px solid #dfdfdf; line-height: 42px;overflow: hidden; padding-left: 35px;color: #4e4d4d;}

.ckxqgw_nr dl{float: right;width: calc(100% - 138px);}

.ckxqgw_nr dt{border-bottom: 1px solid #dfdfdf; line-height: 42px;}

.ckxqgw_nr dt:last-child{border: none;}

.fhbtn2{display: block;text-align: center;font-size: 16px; color: #fff; width: 358px;line-height: 44px;background: #ffc600;font-weight: bold; border-radius: 6px; margin: 20px auto 0 auto;}

.fhbtn2:hover{background: #ffd43d;}

.ckbox img{width: 100px;height: 100px;float: left;}



.dlxy{padding: 30px 30px 0 30px;}

.dlxy h3{font-weight: bold; font-size: 22px;color: #4e4d4d; margin-bottom: 28px;text-align: center;}

.dlxy p{font-size: 14px;color: #4e4d4d; line-height: 30px;text-indent: 28px;}





/*填写核对订单*/

.shdz{padding-top: 15px;}

.shdz h2{font-size: 16px; padding: 0 18px; color: #3c3c3c;background: #f4f5f6; line-height: 47px;}

.shdz ul{overflow: hidden; padding-top: 13px; margin-left: -20px; padding-bottom: 10px;}

.shdz li{float: left;width: 20%; padding-left: 20px;}

.shdzbox{border: 3px solid #e6e6e6;border-radius: 8px; padding: 0 10px 15px 10px;}

.shdzbox h3{font-size: 12px; color: #4e4d4d; border-bottom: 1px dashed #e6e6e6; line-height: 45px; margin-bottom: 15px;}

.shdzbox p{font-size: 12px; line-height: 2; color: #4e4d4d;}

.my_protocol .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }

.my_protocol .input_agreement_protocol+span {cursor:pointer;width: 15px;height: 15px;border:1px solid #ddd;display: inline-block;position: relative;top: -2px;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius:50%; vertical-align:middle; margin-right:10px; }

.my_protocol .input_agreement_protocol:checked+span {background:url(../images/h3.png) no-repeat center center; border: 1px solid #009de2; }



.my_protoco2 .input_agreement_protoco2 { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }

.my_protoco2 .input_agreement_protoco2+span {cursor:pointer;width: 15px;height: 15px;border:1px solid #ddd;display: inline-block;position: relative;top: -2px;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius:50%; vertical-align:middle; margin-right:10px; }

.my_protoco2 .input_agreement_protoco2:checked+span {background:url(../images/h3.png) no-repeat center center; border: 1px solid #009de2; }



.my_protoco3 .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }

.my_protoco3 .input_agreement_protocol+span {cursor:pointer;width: 15px;height: 15px;border:1px solid #ddd;display: inline-block;position: relative;top: -2px;vertical-align:middle; margin-right:10px; }

.my_protoco3 .input_agreement_protocol:checked+span {background:url(../images/a_06.jpg) no-repeat center center; border: 1px solid #009de2; }



.scbtn{color: #ff0000;}

.czdz{width: 70px; line-height: 31px;text-align: center; border-radius: 6px; font-size: 16px; color: #fff;background: #009de2; margin-top: 8px;float: right;display: block;font-size: 14px;}

.czdz:hover{background: #00bdee;}

.color1{color: #db0101;font-weight: bold;}

.bgys1{width: 100%;border-bottom: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;}

.bgys1 th{border-right: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf; line-height: 42px; color: #4e4d4d;background-image: linear-gradient(#fff, #f1f1f1);}

.bgys1 td{border-right: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf; line-height: 42px; color: #4e4d4d;text-align: center;padding: 0;}

.bgys1 tr:nth-child(2n-1){ background: #f9f9f9;}

.bgys1  img1{margin: 0 auto;width: 30px;height: 30px;}

.bgys1 input{vertical-align: middle; margin: -2px 8px 0 0;}

.spqd{padding-top: 15px;}

.xjcp{overflow: hidden; padding: 20px 0 30px;}

.xjcpbox{float: right; text-align: right;}

.xjcpbox p{font-size: 14px; line-height: 34px;color: #4e4d4d;}

.xjcpbox b{padding-right: 30px;}

.shdz h2 b{color: #db0101;font-weight: bold;}



.shdzboxa{padding: 20px 0; border-bottom: 1px dashed #dfdfdf;}

.shdzboxa p{font-size: 14px; line-height: 29px; color: #4e4d4d;text-align: right;}

.color3{color: #7ed321;}

.qrxx{padding-top: 30px;}

.qrxx h3{text-align: right; font-size: 14px; color: #4e4d4d;}

.qrxx h3 span{font-size: 20px; color: #db0101;}

.qrxx  p{text-align: right; padding-top: 45px;}

.fhxgbtn{display: inline-block; width: 106px; line-height: 43px;text-align: center; font-size: 14px; color: #fff;background: #009de2;border-radius: 6px;}

.fhxgbtn:hover{background: #00bdee;}

.fhxgbtn2{display: inline-block; width: 106px; line-height: 43px;text-align: center; font-size: 14px; color: #fff;background: #93d946;border-radius: 6px; margin-left: 17px;}



.fhxgbtn2:hover{background: #9ae845;}

.cellBox { margin-top: 40px;}
.shuomingwenzi{width:330px; height:500px;}
.shuomingwenzi H3{font-size:20px; color:#f00; line-height:200%;}
.shuomingwenzi p{font-size:16px; line-height:200%;}

.shuomingtupian {width:280px; height:500px;text-align:center;}
.shuomingtupian img{width:250px; height:200px;}
@media(max-width:1360px){

.header, .content, .footer{width: 100%;}

.seabox{display: none;}





































































































}

@media(max-width:1000px){

.h_top{height: 60px; width: 100%; background: #fff; position: fixed;left: 0; top: 0;z-index: 12;}

.t_con{height: auto; padding: 0;}

.t_con h1{width: 140px; position: absolute; left:3%; top:8px;}

.t_con h1 img{width: 100%;}

.t_pho{display: none;}

.t_text{display: none;}

.dhbtn{position: absolute; width: 30px;height: 30px; right: 3%; top: 15px;background:url(../images/d1.png) no-repeat center center;background-size: 25px 25px;z-index: 100;}

.menu{position: fixed;width: 80%; left:-100%; top:0;background: #206be7;height: 100%; overflow: auto !important;}

.menu li{float: none;width: 100%; line-height: 60px;}

.jb{width: 100%;height: 100%; position: fixed; left:0; top:0; background: rgba(0,0,0,.7);z-index: 10;display: none;}

.ggbtn{display: block; background: url(../images/d2.png) no-repeat center center;background-size: 25px 25px; position: absolute; right: 10px; top: 10px;}

.menu li dl{position: relative; left:0;top: 0;}

.menu li>a{text-align: center;}

.banner{padding-top: 60px;}

.pcsz{display: none;}

.sjzs{display: block;}

.client-2{display: none;}









}