
/*contact*/
.contact{ background: #f9f9f9; padding-bottom: 5%;}
.contact .col-lg-4 { padding-top: 20px; padding-bottom: 20px;}
.contact .col-lg-4 li{ line-height: 35px; text-align: center; font-size: 2rem;}
.contact .col-lg-4 h3{ margin-top: 10px;}
.contact .col-lg-4 h4{ line-height: 2rem;}
.contact-bg{ background: #191919; color: #fff;}
.contact .col-lg-6{ padding-top: 5%; padding-bottom: 5%;}
.contact .col-lg-6 li{font-size: 1.8rem; margin-top: 10px;}
#map_canvas img{ max-width: none;}


/*news-page*/
.news-page{ background: #f8f8f8; padding-top: 2%; padding-bottom: 3%;}
.news-page .pad3{ padding-top: 0%; padding-bottom: 0%;}
.news-page .pad3 .col-lg-12{ padding-top: 3%; padding-bottom: 3%;}
.news-page .pad3 .col-lg-12 ul{padding-bottom: 3%; border-bottom: 1px solid #ccc;}
.news-page .pad3 .col-lg-12 ul h2{ margin-bottom: 15px;}
.news-page .pad3 .col-lg-12 ul span{ display: inline-block; margin: 0 20px; color: #999;}
.news-page-main{  padding-top: 2%; padding-bottom: 2%;}
.news-page-main p{ text-align: left; line-height: 3.5em; color: #666; text-indent: 2em;}
.news-page-main li{ text-align: left;}
.news-page-main img{ text-align: center;}
.news-page-foot{ padding-top: 30px;}
.news-page-foot div{ margin: 2% 0;}
.news-page-foot div a{ background: #1c489d; display: inline-block; padding: 8px 15px; color: #fff; margin: 0 10px; border-radius: 5px;}
.news-page-foot li{ line-height: 40px;}
.news-page-foot li a{ color: #fe976d;}
.news-page-foot li a:hover{ color: #1c489d;}

/*news*/
.news{ padding-top: 1%;}
.news .col-lg-6{ padding:15px;}

.news-3 ul{ margin-bottom: 30px; border-bottom: 1px #ccc solid;}
.news-3 ul li{ width: 82px; text-align: center; display: inline-block; line-height: 40px; font-size: 2rem; border-bottom: 4px #ff792d solid;}
.news-3 ul a{line-height: 40px; color: #666;  float: right;}
.news-3 a:hover{ color: #eb6418;}
.news-3k{ border: 1px solid #ccc; padding: 15px;}
.news-3k li{ margin-bottom: 20px; font-size: 1.4em;}
.news-3k li a{font-size: 1em; font-weight: bold; color: #333;}
.news-3k p{ line-height: 2.2rem; color: #999;}

.h-li{ }
.h-li ul{overflow: auto; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.h-li li{ margin-bottom: 10px; background: url("../images/antage-li.png") no-repeat center left; font-weight: bold; letter-spacing: 2px; line-height: 40px; font-size: 2rem;  padding-left: 15px;}
.h-li a{ color: #666; font-size: 16px; display: inline-block; margin-right: 20px;font-weight:400;}
.h-li a:hover,.h-li a.a{ color: #ff7200}
.h-li .input-group{ margin-top: 5px; margin-bottom: 5px; }








.news-list{ margin-top: 20px; border-top: 1px solid #ccc; padding-bottom:3%; overflow: auto;}

.news-list .col-lg-12{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}

.news-list .col-lg-7 li{ text-align: left;font-weight: bold;font-size: 1.8rem; line-height: 40px;}
.news-list .col-lg-7 li span{ float: right;font-size:14px;font-weight: 400; }
.news-list .col-lg-7 p{ text-align: left; line-height: 25px; color: #999;}
.news-list .col-lg-7 li a{color: #333;}
.news-list .col-lg-7 li:hover a{color: #e60012;}
.news-list .col-lg-7 a.a{ display: inline-block; padding: 5px 10px; float: right; border: 1px solid #ccc; color: #999;}
.news-list .col-lg-7 a.a:hover{ color: #e60012; border: 1px #e60012 solid;}

/*enter*/

.enter{ padding-top: 2%; padding-bottom: 3%; background: #f9f9f9;}
.enter-li{ text-align: center; border: 1px #ccc solid;}
.enter-li li{ font-size: 1.68rem;font-weight: bold;  background: #fff url("../images/img/enter-li2.png") no-repeat center right;background-position:90% 50%; border-bottom: 1px #ccc solid;}
.enter-li li a{ padding-top: 20px; padding-bottom: 20px; display: inline-block; width: 100%;}
.enter-li li:hover,.enter-li li.act{ background: #0050b9 url("../images/img/enter-li.png")  no-repeat center right;background-position:90% 50%}
.enter-li li:hover a,.enter-li li.act a{ color: #fff;}
.enter-li img{ width: 100%;}
.enter-main{ border: 1px #ccc solid; padding: 15px;background: #fff; }
.enter-main-1,.enter-main-2,.enter-main-3,.enter-main-4,.enter-main-5,.enter-main-2-1{ padding: 15px;}
.enter-main-1 li{font-weight: bold; font-size: 2.8rem; margin-bottom: 5px;}
.enter-main-1 img{ margin-top: 10px; margin-bottom: 10px;}
.enter-main-1 p{ text-align: left; margin-top: 20px; line-height: 2.2rem;letter-spacing: 2px; font-size: 1.5rem; color: #666;}
.enter-main-1 .row{ margin: 25px 0;}
.enter-main-2 .col-lg-6 p{ margin-top: 20px; line-height: 2.2rem;font-size: 1.5rem; color: #666;}
.enter-main-2 .col-lg-12{ margin-top: 30px;}
.enter-main-2 .col-lg-12 h2{ margin-bottom: 20px;}
.enter-main-2 .col-lg-12 p{ margin-top: 10px; line-height: 2.5rem;font-size: 1.6rem; color: #666;}
.enter-main-2-1{ margin-top: 50px;}
.enter-main-2-1 .col-lg-12{margin-bottom: 20px;}
.enter-main-2-1 .col-lg-12 li{ font-weight: bold; line-height: 35px; font-size: 1.8rem; padding-left: 30px;background: url("../images/img/enter2-3.png")  no-repeat center left;}
.enter-main-2-1 .col-lg-12 li a{ color: #000;}
.enter-main-2-1 .col-lg-12 li:hover a{ color: #eb6418;}
.enter-main-2-1 .col-lg-12 p{ padding-left: 30px;line-height: 2.5rem; font-size: 1.4rem; color: #999;}
.enter-main-31 .col-lg-8,.enter-main-31 .col-lg-4{ padding: 0px;margin-bottom: 10px; }
.enter-main-31 .col-lg-8 img,.enter-main-31 .col-lg-4 img{max-height: 304px;}
.enter-main-32 .col-lg-7,.enter-main-32 .col-lg-5{ padding: 0px; text-align: center;}
.enter-main-32 .col-lg-7 img,.enter-main-32 .col-lg-5 img{ max-height: 331px;}
.enter-main-33{ margin-top: 5%;}
.enter-main-33 .col-lg-12{ padding: 0px;}
.enter-main-31{ margin-top: 30px;}
.enter-main-31 h4{ font-size: 2rem;}
.enter-main-31 span{ margin-bottom: 25px; margin-top: 5px; display: inline-block; height: 1px; width: 50%; background: #000;}
.enter-main-3 th{ text-align: center; font-size: 17px;}
.enter-main-3 .table>thead>tr>th{ border-bottom: 0px;}
.enter-main-3 .table > tbody > tr > td{ padding: 15px;}
.enter-main-5 .col-lg-12{ margin-bottom: 5%;}
.enter-main-5 .col-lg-4{ margin-bottom:3%;}
.enter-main-5 .col-lg-4 li{ line-height: 3rem; font-size: 1.6rem;}
.enter-main-5 .carousel-caption{ margin-bottom: 0px;}




.product-li{ background: #fff;}
.product-li img{ width: 100%;}
.panel-group .panel + .panel{ margin-top: 0px; border-radius: 0px;}

.panel-heading{ padding: 0px;}
.panel-title a{ display: block;padding: 20px 20px 20px 20%;}

.panel-title{background: }

.enter .panel-title1{background: url("../images/img/cp-li1.png")  no-repeat  5% 50% , url("../images/img/cp-li-x.png")  no-repeat  90% 52%;}
.enter .panel-title2{background: url("../images/img/cp-li2.png")  no-repeat  5% 50% , url("../images/img/cp-li-x.png")  no-repeat  90% 52%;}
.enter .panel-title3{background: url("../images/img/cp-li5.png")  no-repeat  5% 50% , url("../images/img/cp-li-x.png")  no-repeat  90% 52%;}
.enter .panel-title4{background: url("../images/img/cp-li3.png")  no-repeat  5% 50% , url("../images/img/cp-li-x.png")  no-repeat  90% 52%;}
.enter .panel-title5{background: url("../images/img/cp-li4.png")  no-repeat  5% 50% , url("../images/img/cp-li-x.png")  no-repeat  90% 52%;}

.enter .collapsed{background:url("../images/img/cp-li-m.png") no-repeat  90% 52%;}


.panel-body{ padding: 15px 10px;}
.panel-body a{ display: inline-block; padding: 10px 0px; width: 105px; color: #666;} 
.panel-body a:hover{color: #1c489d;}


.product-main{ padding-bottom: 1%;}
.product-main2{ background: #fff;}

.product-main .col-lg-5 h4{ line-height: 2.5rem; font-weight: bold;}
.product-main .col-lg-5 li{ overflow: auto; margin-bottom: 10px;}
.product-main .col-lg-5 li span{ display: inline-block; width: 50%; float: left; margin-bottom: 6px;}


.product-main .col-lg-5 a{ display: inline-block; border: 1px #ccc solid; padding: 6px 15px; color: #666;}
.product-main .col-lg-5 a:hover{color: #e60012; border: 1px #e60012 solid;}

.product-main .row{ margin-bottom: 50px; }

.product-main .col-lg-6{ margin-bottom: 30px; text-align: center;}
 
.product-main .col-lg-6 li{ line-height: 3rem;}
.product-main .col-lg-6 a{ color: #666;}
.product-main .col-lg-6 a:hover{color: #fff;}
.product-main .col-lg-6 a:hover li{background:#eb6418;}

.cp-page1 h4{margin-bottom: 20px !important;}
.cp-page1 li span{margin-bottom: 20px !important;}

.cp-page2{ overflow: auto; background: #eb6418; margin-bottom: 25px;}
.cp-page2 li{ width: 20%; float: left; text-align: center; font-size: 1.6rem;padding: 10px 0px;}
.cp-page2 li a{ color: #eee;padding: 0px 0px; display:block; border-left: 1px solid #eee;}
.cp-page2 li a.a{ color: #fff;}
.cp-page2 li:nth-child(1) a{border-left: 0px;}

.cp-page3{ padding-top: 3% ;}
.cp-page3 .col-lg-12{ margin-bottom: 25px;}
.cp-page3 .text-center li{ line-height: 3rem; font-size: 1.8rem; color: #666;}

.cp-page3 .col-lg-2 li{ text-align: center; background: #1d499d; padding: 10px; font-size: 1.8rem; color: #fff;}
.cp-page3 .col-lg-10{ padding-bottom: 25px; border-bottom: 1px #ccc dashed;font-size: 1.5rem; line-height: 2.5rem;  color: #999;}
.product-main2 .row{ margin-bottom: 10px; }
.cp-page3 th{ text-align: center; font-size: 1.6rem;}


#page1,#page2,#page3,#page4,#page5{ overflow: auto;}

.product-main3{ padding-top: 0px; padding-bottom: 3%;}
.product-main3-1{ background: #fff; padding: 30px;}
.product-main3-1 img{ margin-top: 15px;}
.product-main3-1 .col-lg-4 li{ font-size: 1.7rem; margin-top: 15px;}
.product-main3-1 .enter-main-31{ margin-top: 0px; padding: 15px;}

.product-main3-1 .enter-main-33 .col-lg-6,.product-main3-1 .enter-main-33 .col-lg-4{ padding: 0px;}
.product-main3-1 .enter-main-33 .col-lg-6 img,.product-main3-1 .enter-main-33 .col-lg-4 img,.product-main3-1 .al-k2 img{ margin: 0px;}

.product-sanji{ margin-bottom: 25px;}
.product-sanji a{ display: inline-block; padding: 5px 25px; margin-right: 15px; margin-bottom: 10px; background: #fff; color: #333; border-radius: 3px; border: 1px solid #eee;}
.product-sanji a:hover{ background: #0090ff; color: #fff;border: 1px solid #0090ff;}

@media (min-width:992px) and (max-width:1200px) {

.product-li img{ display: none;}





}


@media (min-width:768px) and (max-width:992px) {



.al .tag-main{ padding-left: 15px;}

.news-3k{ padding: 5px;}
.news-3k li{ margin-bottom: 5px}



}




@media (max-width:768px) {

	.product-li img{ display: none;}
.enter-li img{ display: none;}
.enter-main{ padding: 0px;}

.contact .col-lg-4 { padding-top: 10px; padding-bottom: 10px;}
.contact .col-lg-4 li{ font-size: 2rem;}

.enter-main-3 .table > tbody > tr > td{ padding: 15px 5px;}

.product-main .col-lg-5 li span{ font-size: 0.85rem;}
}