@charset "utf-8";
html,body{height:100%;font-size:12px; }
body{ margin:0px; padding:0px; font-size:1em; font-family:"Times New Roman"; color:#505050;background:#fff;position:relative;-moz-user-select:none;overflow-x:hidden;}
p,ul,li,dl,dd,dt,form,imput,h1,h2,h3,h4,h5,h6,h7{margin:0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none; vertical-align:top;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#0793da;}
.strong{ font-weight:bold;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; overflow:hidden; line-height:0px; height:0px; font-size:0px;}
i{list-style:none; font-style:normal;}
.clearfix::after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
input,select,button{font:12px "微软雅黑";vertical-align:middle;}
select::-ms-expand { display: none;}

/*head*/
.head{width:100%;height:109px;background:url(../images/headbg.png) center top no-repeat;padding-top:39px;}
.wrap{max-width:1200px;margin:0 auto}
.logo{width:auto;overflow:hidden;height:auto;float:left}
.slogan{width:auto;height:auto;overflow:hidden;float:left;padding-left:1.5%;padding-top:30px;}
.headiconbox{width:25%;height:auto;overflow:hidden;float:left;padding-left:5%;padding-top:15px;}
.headiconbox li{width:50px;height:auto;float:left;overflow:hidden;font-size:12px;color:#666464;margin-right:20px;text-align:center}
.headiconbox li:last-child{margin-right:0}
.headiconbox li img{display:block;border:1px solid #c7c6c6;margin-bottom:3px}
.headphone{width:16%;height:auto;float:right;padding-top:10px;}

/*nav*/
.navbg{width:100%;height:61px;background:url(../images/navbg.png) no-repeat center top;border-bottom:1px solid #314445;position: relative;z-index: 999;}
.box-active{position: fixed;top: 0;}

.navleft{width:72%;height:61px;float:left}
.navleft li{width:11.5%;height:61px;float:left;text-align:center;font-size:14px;color:#afafaf;line-height:61px;position:relative}
.navleft li ul{width:400%;background:#333645;height:auto;overflow:hidden;position:absolute;z-index:1000;left:0;top:61px;padding:10px 0;display:none}
.navleft li:hover ul{display:block}
.navleft li ul li{width:25%;height:auto;overflow:hidden;background:#333645;color:#fff;font-size:14px;line-height:36px !important;}
.navleft li ul li a{color:#fff !important}
.navleft li a{color:#afafaf}
.navright{width:28%;height:61px;float:left}
.current{background:url(../images/currentnavbg.png) bottom center no-repeat}
.navleft li:hover{background:url(../images/currentnavbg.png) bottom center no-repeat;}
.navrightone{width:15%;overflow:hidden;height:61px;float:left;padding:0 3% 0 5%;font-size:14px;color:#f7f7f7;line-height:61px;}
.navrightone img{display:inline}
.searchbox{width:80%;height:60px;float:left;font-size:14px;color:#f7f7f7;border:none;line-height:60px;background:none;float:left; padding-left:10px;}
.searchbtn{width:15%;height:61px;background:url(../images/search.png) no-repeat center center;border:none;float:right; text-indent:-999px}
.sstext{width:auto;overflow:hidden;float:left;line-height:61px;}
.jiantou{width:3px;height:7px;float:left;padding-top:28px;padding-left:10px;}
.banner{width:100%;height:auto;overflow:hidden}

.con_r .hd{ height:36px; line-height:36px;margin-bottom:20px; }
.con_r .hd ul{height:36px;   }
.con_r .hd ul li{ float:left;width:49%; text-align:center;display:block;}
.con_r .hd ul li a{ height:36px;background:#e0e0e0;color:#000;display:block; font-size:18px; font-weight:bold; font-family:黑体; }
.con_r .hd ul li:last-child{ margin-left:2%;}
.con_r .hd ul li a:hover{background:#e5202a;color:#fff; }
.con_r .hd ul li.on a{ height:36px;  background:#e5202a;color:#fff; }

.tagtit{ margin:20px 0;}
.tagtit li{ line-height:36px!important;height:36px!important;}
.tagtit li a{  font-size:20px;line-height:36px!important;}

@media screen and (min-width: 768px) {
    .tagtit{ display:none;}
}
/*cot*/
.cotone{width:100%;height:auto;overflow:hidden;padding:55px 0 40px 0;background:#fafafa}
.cotonetitle{width:100%;height:auto;overflow:hidden;text-align:center;font-size:38px;color:#221815}
.cotonetitle h1{color:#000000; font-size:38px; line-height:46px;}
.cotonetitle .entitle{width:100%;overflow:hidden;font-size:20px;color:#4c4948; margin:20px 0 50px}
.cotonetitle .entitle a{ padding:0 10px; border-right:1px solid #4c4948;height:20px; line-height:20px;}
.cotonetitle .entitle a:last-child{border-right:none}
.cotonetitle .entitle a strong{color:#4c4948; font-weight:normal;}
.cotonebox li{width:23.33%;height:300px;overflow:hidden;margin-right:1.226%;float:left;font-size:14px;color:#000000;text-align:center; margin-bottom:10px}
.cotonebox li h5{color:#000000; font-size:16px; line-height:26px;}
.cotonebox li p{color:#666; font-size:14px; text-align:left}
.cotonebox li a{color:#000000}
.cotonebox {width:100%;height:auto;overflow:hidden;}
.cotonebox li:last-child{margin-right:0}
.cotonepic{width:100%;height:auto;overflow:hidden;background:#000000;position:relative;margin-bottom:10px;}
.cotonepic img{max-width:100%;}
.zhezao{width:100%;height:100%;background:url(../images/zhezao.png) no-repeat center center;background-size:100%;position:absolute;top:0;left:0;z-index:1000;opacity: 0;}
.cotonebox li:hover .zhezao{opacity: 1;}

.containeron{ width:1200px; margin:50px auto;}
.index_title {font-size: 32px;line-height: 45px;font-weight: 700;color: #1d1d1d;width: 200px;text-align: center;padding: 10px;margin: 40px auto 0 auto;}
.index_ftitle {text-align: center;margin: 10px auto 0px;font-size: 14px;}
.index_5{height:240px;width:100%;margin:45px 0 10px}
.index_5 div{width:17.65%;height:100%;float:left}
.index_5 div span{margin:0 auto;background:url(../images/index_bg2.png) no-repeat;display:block;margin-bottom:30px;transition:0.5s;}
.index_5 div .span1{background-position:-80px -74px;}
.index_5 div .span2{background-position:-140px -74px}
.index_5 div .span3{background-position:-200px -74px}
.index_5 div .span4{background-position:-260px -74px}
.index_5 div .span5{background-position:-320px -74px}
.index_5 div:hover .span1{background-position:-80px -127px}
.index_5 div:hover .span2{background-position:-140px -127px}
.index_5 div:hover .span3{background-position:-200px -127px}
.index_5 div:hover .span4{background-position:-260px -127px}
.index_5 div:hover .span5{background-position:-320px -127px}
.index_5 div b{font-size:20px;color:#333;text-align:center;display:block;font-weight:100;height:20px;line-height:20px;margin-bottom:7px;transition:all .3s}
.index_5 div:hover b{color:#FF3F3C}
.index_5 p{text-align:center}





.tags{ width:1200px; margin:50px auto; overflow:hidden}
.tags h2 {font-size: 32px;line-height: 45px;font-weight: 700;color:#b61719;text-align: center;padding: 10px;padding-bottom:40px}
.tags ul li { float:left; padding-right:20px; padding-bottom:20px}
.tags ul li a { padding:5px 15px; border:1px #ddd solid; font-size:14px}
.tags ul li a:hover { background:#b61719; color:#fff; border:1px #b61719 solid}


.cottwo{width:100%;height:auto;overflow:hidden;padding:55px 0 40px 0;background:#000000}
.cottwoleft{width:85.17%;height:auto;overflow:hidden;float:left}
.cottworight{width:14.83%;height:auto;overflow:hidden;float:left;padding-top:45px;}
.cottwotitle{width:100%;height:auto;text-align:center;font-size:28px;color:#c4c4c4;}
.youshibox{width:100%;height:auto;overflow:hidden;padding-top:67px;}
.mr20{margin-right:20px}

.zq-icon{display:inline-block;background:url(../images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}

.card-area{position:relative;}
.card-area .bg-e8e8e8{background:none}
.card-area .bg-e1e1e1{background:none}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:9%;height:203px;margin-right:1%;border:1px solid #5d5d5d;border-radius:50px;}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:none}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .0s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));padding-top:25px;}
.card-area .card-item .card .card-content.content-second{transition:all .0s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;line-height:26px;font-size:14px;height:auto;overflow:hidden}
.card-area .card-item .card .card-title .content{width:100%;height:26px;overflow:hidden;padding:50px 0}
.card-area .card-item .card .card-title h1{font-size:28px;font-weight:normal;color:#5f5f5f;margin-bottom:0;border-bottom:2px #5f5f5f solid;width:34%;display:block;margin:0 auto;padding-bottom:24px;}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{position:absolute;top:100px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;font-size:12px;color:#5f5f5f;line-height:20px;}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:0px}
.card-area .card-item .card .card-content.content-second{width:90%;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px;float:left}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;width:26%;height:203px}
.card-area .card-item.active .card .card-title{background-color:none;top:0;border:none; width:25% !important;float:left;padding-left:5%}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff;font-weight:normal;}
.card-area .card-item.active .card .card-content.content-first{display:none;width:90%;float:left;transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{font-size:12px;color:#eaeaea;line-height:20px;padding-right:10%;width:60%;top:26px;position:relative !important;float:right;transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.active .content{width:100%}
.active .card{background:url(../images/youshibg.png) no-repeat center center !important;background-size:100%;}
.card-item.active{border:none !important}
.card-area .card-item.active .card .card-title h1{border:none;}

/*aobut*/
.cotthree{width:100%;height:auto;}
.cotthreetitle{width:100%;height:auto;background:url(../images/aboutbg.jpg) no-repeat center top;padding-bottom:30px;}
.cotthreetitle img{text-align:center;display:block;margin:0 auto;padding-top:70px;}
.cotthreetitle p{display:block;width:100%;height:auto;text-align:center;font-size:24px;color:#000000;padding-top:10px;}
.cotthreecot{width:100%;height:auto;}
.cotthreeleft{width:35.3%;height:auto;margin-right:2%;position:relative;overflow:hidden;}
.cotthreeleft p{width:55px;height:55px;position:absolute;left:47%;top:110px;}
.cotthreeleft img{max-width:100%;}
.cotthreeright{width:62.7%;height:auto;}
.cotthreeright p{width:100%;height:auto;font-size:14px;color:#000;line-height:24px;padding:15px 1% 0;}
.cotthreeright span{display:block;width:20%;height:auto;font-size:12px;color:#fff;text-align:center;line-height:40px;background:#000;border-radius:20px;margin-top:40px;}
.cotthreeright span a{color:#fff;}
.aboutmore{width:100%;height:auto;margin-top:28px;padding-bottom:28px;}
.aboutmore li{width:24.2%;height:auto;float:left;margin-right:1%;}
.aboutmore li:last-child{margin-right:0;}
.aboutmore li img{max-width:100%;}

/*news*/
.cotfour{background:#fafafa;border-top:1px solid #ebe6e0;padding-top:50px;padding-bottom:40px;}
.cotfourleft{width:32%;height:auto;margin-right:2%;}
.cotfourtitle{width:98%;height:auto;font-size:22px;color:#000;border-bottom:1px #ddd solid;line-height:50px;padding:0 1%;}
.cotfourtitle span{display:block;text-align:right;font-size:14px;float:right;}
.cotfourbox{width:100%;height:auto;float:left;}
.cotfourup{width:100%;height:auto;padding-top:35px;}
.cotfourimg{width:34%;height:190px;overflow:hidden;}
.cotfourimg img{width:100%; height:190px;}
.cotfournewstitle{width:56%;height:auto;background:#5e5d9f;padding:18px 5%;}
.cotfournewstitle i{display:block;font-size:14px;color:#fff;width:100%;height:auto;padding-top:7px;line-height:36px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.cotfournewstitle p{display:block;font-size:12px;line-height:23px;color:#fff;height:69px;padding-top:10px;overflow:hidden;}
.cotfournewstitle span{display:block;font-size:12px;color:#fff;padding-top:16px;}
.cotfourdown{width:100%;height:auto;}
.cotfourdown li{width:100%;height:auto;border-bottom:1px #e6e6e6 solid;line-height:36px;font-size:14px;color:#666464;overflow:hidden;}
.cotfourdown li a{color:#666464;width:80%;height:auto;float:left;display:block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.cotfourdown li span{width:20%;height:auto;display:block;float:right;text-align:center;}
.corfourright{width:32%;height:auto;}
.color{background:#f0c868;}


/*link*/
.link{width:100%;height:auto;background:#333333;margin-top:70px;line-height:80px;padding-bottom:30px;;}
.link p{width:10%;height:auto;float:left;max-width:100%;padding-top:32px;}
.link p img{max-width:100%;}
.link ul{width:90%;height:auto;overflow:hidden;display: block;float:left;}
.link li{float:left;padding:0 2%;border-right:1px #fff solid;line-height:14px;margin-top:33px;}
.link li:last-child{border-right:none;}
.link li a{color:#fff;}

/*footer*/
.footer{width:100%;height:auto;background:#000;padding-bottom:100px; clear:both;}
.footerleft{width:35%;height:auto;margin-right:7%;}
.footertitle{padding:55px 0 25px 0;width:100%;height:auto;border-bottom:1px #404040 solid;}
.footerleft ul{display:block;margin-top:30px;overflow:hidden;}
.footerleft li{float:left;padding:0 4%;font-size:14px;color:#afafaf;line-height:22px;}
.footerleft li a{color:#afafaf;}
.footerright{width:58%;height:auto;}
.contact{width:75%;height:auto;padding-top:30px;}
.contact li{font-size:14px;color:#afafaf;width:100%;height:auto;line-height:35px;}
.contact li span{font-size:20px;color:#ffcc66;width:100%;height:auto;line-height:35px; font-weight:bold;}
.contact li img{padding-top:10px;}
.contact li:first-child{width:50%;float:left;}
.contact li:nth-child(2){width:50%;float:left;}
.qore{width:25%;height:auto;text-align:right;padding-top:30px;}
.qore img{max-width:100%;}
.shouji{width:100%;height:auto;overflow:hidden;padding:20px 0 0 0;display:none}
.shouji li{width:21%;margin:0 1% 20px 1%;float:left;height:auto;overflow:hidden;background:#272727;border-radius:50px;padding:30px 1%;font-size:12px;color:#eaeaea;line-height:20px;}
.shouji li p{padding:0 0 20px 0;width:100%;text-align:center;font-size:28px;color:#ffffff}
/*mobile nav*/
.navbtn{display: none;width: 50px;height: 50px;position: absolute;top:30px;right:10px;z-index:10000}
#fh5co-offcanvas{width:100%;height:auto;overflow:hidden;position:absolute;z-index:10000;padding-top:84px;}
#fh5co-offcanvas li{width:100%;padding:10px 0;line-height:23px;font-size:14px;color:#fff;border-bottom:1px dotted #5f5f5f;font-family:"Open Sans";background:#000;}
#fh5co-offcanvas li a{color:#fff;padding-left:3%}
#fh5co-offcanvas{display:none}
#fh5co-offcanvas li ul{width:auto;overflow:hidden;background:#fff !important;margin:10px 0;display:none}
#fh5co-offcanvas li ul li{width:97%;height:auto;line-height:30px;font-size:12px;padding-left:3% !important;background:#fff !important;border-bottom:1px dotted #999999 !important;color:#333;margin:0}
#fh5co-offcanvas li:last-child{border:none}
#fh5co-offcanvas li ul a{padding:0;color:#333}
#phone{display:none;}
.mobilebottom{width:100%;height:36px;line-height:36px;position:fixed;bottom:0;left:0;z-index:10000;padding-top:10px;display:none}
.mobilebottom li{width:25%;text-align:center;font-size:14px;color:#fff;background:#000;line-height:36px;float:left}
.mobilebottom li a{color:#fff}
#pc{display:block}
#phone{display:none}

@media screen and (max-width: 1200px) {
.wrap{width:98%;}
.cotfourimg img{width:130%;}
.link{margin-top:0;}
.cotthreeright p{padding:0 1%;}
.cotthreeright span{margin-top:10px;}
.searchbox{width:50%;}
}
@media screen and (max-width: 1150px) {
.headiconbox{display:none}
.navbg{background:#000}
}
@media screen and (max-width: 1100px) {
.active .card{background:#313131 !important}
.card-area .card-item .card .card-title .content{padding:30px 0}
.card-area .card-item.active .card .card-content.content-second{top:5px;}
.card-area .card-item.active .card .card-title{padding-left:2%}
.cottworight{display:none}
.cottwoleft{width:100%;padding-bottom:20px;}
.headphone{width:auto}
}
@media screen and (max-width: 1050px) {
.cotthreeleft{width:40%;}
.cotthreeright{width:58%;}
.cotthreeright p{height:120px;overflow:hidden;}
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 950px) {
.cotfourleft{width:100%;border-right:none;padding-right:0;}
.corfourright{width:100%;padding-left:0;}
.cotfourimg img{width:100%;}
}
@media screen and (max-width: 900px) {
.cotthreeleft p{top:40%;left:45%;}
}
@media screen and (max-width: 800px) {
.footerleft{width:100%;}
.footerright{width:100%;}
.contact{width:100%;}
.qore{width:100%;text-align:center;}
.footer{padding-bottom:30px;}
.cotthreeright span{width:30%;}
.card-area .card-item{display:none}
.shouji{display:block}
.youshibox{display:none}
.navbg{display:none}
.headphone{display:none}
.head{padding-top:10px;height:auto;padding-bottom:10px;background:#fff}
.navbtn{display:block}
.mobilebottom{display:block}

.cotonetitle .entitle{width:100%;overflow:hidden;font-size:20px;color:#4c4948; margin:20px 0 0;}
.cotonetitle .entitle a{ margin-bottom:10px; display:inline-block; }
.cotonetitle .entitle a:nth-child(4n){border-right:none}
.cotonetitle .entitle a strong{color:#4c4948; font-weight:normal;}

.containeron{ display:none;}
}
@media screen and (max-width: 700px) {
.cotfourdown li{line-height:45px;}
.cotthreeleft p{top:38%;left:42%;}
.cotthreeright p{height:100px;}
#pc{display:none}
#phone{display:block}
.cotonebox li{height:auto;}
}
@media screen and (max-width: 650px) {
.cotthreeright span{line-height:28px;}
}
@media screen and (max-width: 600px) {
.cotfourimg img{width:145%;}
.aboutmore li{width:49.5%;margin-right:1%;}
.aboutmore li:nth-child(2n){margin-right:0;}
.cotonebox li{width:49.5%;margin-right:1%;margin-bottom:20px;}
.cotonebox li:nth-child(2n){margin-right:0;}
.cotone{padding:15px 0 20px 0;}
.entitle{padding:10px 0 20px 0;}
.cotthreeleft{width:100%;}
.cotthreeright{width:100%;}
.cotthreeleft img{width:100%;padding-bottom:10px;}
}
@media screen and (max-width: 500px) {
.shouji li{width:46%}
.slogan{display:none}

}
@media screen and (max-width: 400px) {

}
@media screen and (max-width: 350px) {

}