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


/*--公共部分--*/
.allin{width:1280px; margin: 0px auto}
.allin .pd60{padding: 30px 0;}
.allin .leftside{float:left; width:20%}
.allin .rightside{float:right; width:76%}
/* -- a  点击类*/
.allin a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #666; outline: none; cursor: pointer;}
.allin .com-title { padding: 30px 20px; color: #ffffff; font-size: 24px; font-weight: bold; line-height: 26px; background:#009ca3 url(../in_images/bg.jpg) repeat-x; position: relative;}
.allin  .com-title:after {content: ""; position: absolute; width: 0;height: 0;border-top: 20px solid #f5f5f5; /*右上角钭角*/ border-left: 20px solid transparent;display: block;top: 0;right: 0;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.allin  .common-nav { border: 1px solid #e6e6e6; border-top: 0; background: #f7f8fa;}
.allin  .common-nav ul li { border-bottom: 1px solid #e6e6e6;}
.allin .common-nav ul li h4 a { color: #333; font-size: 15px; display: block; padding: 10px 42px; position: relative;}
.allin  .common-nav ul li h4 a:after { content: ""; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #b3b3b3; border-bottom: 6px solid transparent; display: block; top: 50%; margin-top: -6px; left: 20px;}
.allin  .common-nav ul li.cur h4 a { color: #333; font-weight: bold; background: #EBECEC;}
.allin  .common-nav ul li.cur h4 a:after { border-left-color: #9bbb59;-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
/*产品*/
.allin  .three-nav { display: none; padding: 8px 0;}
.allin  .three-nav a { color:#666; display: block; padding: 3px 0 3px 50px; position: relative; font-size:14px;}
.allin  .three-nav a:after { content: ""; position: absolute; width: 4px; height: 4px; background: #999999; -webkit-border-radius: 100%; border-radius: 100%; display: block; top: 50%; margin-top: -2px; left: 37px;}
.allin  .three-nav a.cur, .three-nav a:hover { color: #666;}
.allin  .three-nav a.cur:after, .three-nav a:hover:after { background: #169CA2;}

.allin  .recom-list { padding: 20px 0;}
.allin  .recom-list a img:hover { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px);}
.allin  .recom-list a { display: block; position: relative; background: #d5eced; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; }
.allin  .recom-list a img { display: block; width: 100%; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;-webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;}
.allin  .recom-list a span { position: absolute; right: 22px; color: #4c4c4c; font-size: 18px; top: 50%; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

.allin  .abouttit{border-bottom: 1px solid #e2e2e2; height:48px; position: relative;}
.allin  .abouttit-l{ color:#333; float:left; font-size: 22px; font-weight: bold; line-height: 47px; border-bottom: 2px solid #9bbb59; position: absolute;left:0;top:0}
.allin  .abouttit-r{float:right; line-height: 48px;}
.allin  .abouttit-r,.allin  .abouttit-r a{ font-size:14px;}
.allin  .abouttit-r i { width: 16px; height: 17px; margin-right:6px; display: inline-block; vertical-align: -3px; background: url(../in_images/wicon17.png) center center no-repeat;}
.allin  .gongsijianjie{padding: 20px 0;font-size: 14px; line-height: 2.5;}
.allin  .gongsijianjie h2{font-size:24px; font-weight: bold;color: #333; padding-bottom: 10px;}
.allin  .gongsijianjie p{ padding-bottom:10px;}

.allin  .gongsijianjie img{ max-width:876px; display:block;  margin:0 auto; }

@media(max-width:1024px){
.allin{width:auto; margin: 0px auto; padding: 0 2%;}
.allin 	.leftside{float:none; width:100%}
.allin 	.rightside{float:none; width:100%; padding-top: 20px;}
.allin 	.com-title { padding: 10px 20px; font-size: 18px; font-weight: normal;}
.allin 	.com-title:after { content: ""; position: absolute; width: 12px; height: 12px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; display: block; top: 13px; right: 20px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.allin 	.abouttit-r,.recom-list{display: none;}
.allin 	.abouttit-l{font-size:16px; font-weight: bold; line-height:37px;}
.allin 	.abouttit{height:38px;}
.allin 	.gongsijianjie{padding:15px 0;font-size: 14px; line-height:2.2;}
.allin 	.gongsijianjie h2{font-size:18px;}
.allin  .gongsijianjie img{width:100%; display:block;  margin:0 auto; }
}