@charset "utf-8";


fieldset,img,input,select{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

b,em,i{display:inline-block; vertical-align:middle; font-weight:normal; font-style:normal;}
.cl:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .cl{zoom:1;}
.fl{float: left;}
.fr{float: right;}


.com-width{width: 1100px;margin-left: auto;margin-right: auto;}



.idea-show{width: 1100px;margin: 0 auto;}
.idea-show ul{margin-bottom: -28px;width: 436px;}
.idea-show ul li{margin-bottom: 68px;height: 136px;}
.idea-show ul li span{margin-right: 15px;width: 136px;height: 136px;line-height: 136px;font-size: 0;color: #fff;text-align: center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.idea-show ul li span img{max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: .8s;-o-transition: .8s;transition: .8s;}
.idea-show ul li span img:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.idea-show ul li h5{padding: 20px 0 15px 0;font-size: 20px;color: #333;}
.idea-show ul li p{font-size: 14px;line-height: 22px;}


.page-honor{padding-bottom: 40px;}
.page-honor ul{width: 1350px;}
.page-honor ul li{margin-bottom: 32px;float: left;margin-right: 150px;width: 300px;text-align: center;}
.page-honor ul li .a-pic{display: block;}
.page-honor ul li .a-pic .pic{display: block;width: 300px;height: 216px;line-height: 216px;overflow: hidden;font-size: 0;background-color: #f2f2f2;box-shadow: 0 10px 10px #ddd;}
.page-honor ul li .a-pic .pic img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.page-honor ul li .a-pic .tit{display: block;padding-top: 25px;font-size: 16px;color: #333;}

.back{background:#2FB8EE;font-size: 0;height:2px;line-height: 0;padding-top: 0;position: absolute; bottom:0;z-index: 10;}


.com-title{padding-bottom: 36px;}
.com-title h3{ margin: 3px 0 12px;font-size: 22px;color: #333;line-height: 22px;}
.com-title p{font-size: 14px;padding-left: 10px;}
.com-title .icon-line{margin-top: 20px;width: 35px;height: 2px;background-color: #2FB8EE;}
.com-title .more{margin-top: 22px;}
.com-title h3 .l-line{ float: left; margin-right: 8px;width: 2px;height: 24px;background-color: #2FB8EE;}



.contact-map{padding-top: 75px;height: 434px;background: url(../images/map-bg.jpg) no-repeat center;}
.contact-map .map-content{width: 950px;margin: 0 auto;}
.contact-map .map-content .map-box{margin-right: 80px;width: 501px;height: 352px;background: url(../images/map-box.png) no-repeat;}
.contact-map .map-content .contact-info{padding-top: 60px;}
.contact-info{font-size: 14px;color: #333;}
.contact-info h4{padding-bottom: 10px;font-size: 21px;}
.contact-info p{line-height: 32px;}
.contact-info p a{color: #333;}
.contact-info p a:hover{color: #2FBEF2;}
.contact-info .qq-online{display: inline-block;margin-top: 28px;width: 246px;height: 62px;line-height: 62px;-moz-border-radius: 10px; /* Firefox */-webkit-border-radius: 10px; /* Safari ºÍ Chrome */border-radius: 10px; /* Opera 10.5+, ÒÔ¼°Ê¹ÓÃÁËIE-CSS3µÄIEä¯ÀÀÆ÷ */text-align: center;font-size: 21px;color: #fff;background-color: #E10404;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.contact-info .qq-online:hover{box-shadow: 0 0 20px #960D0D inset;}
.company-address{padding: 30px 0;text-align: center;}
.company-address .company-tit{margin-bottom: 25px;width: 209px;height: 48px;line-height: 48px;text-align: center;font-size: 21px;color: #fff;background-color: #363636;border-radius: 10px;}
.company-address ul li{display: inline-block;padding: 0 100px;text-align: left;}
/*·þÎñÀ¸*/

.company-address1{padding: 30px 0;text-align: center; background-color:#fff}
.company-address1 .company-tit{margin-bottom: 25px;width: 209px;height: 48px;line-height: 48px;text-align: center;font-size: 21px;color: #fff;background-color: #eee;border-radius: 10px;}
.company-address1 ul li{display: inline-block;padding: 0 100px;text-align: left;}


.cate-select{padding: 50px 0 39px;text-align: center;}
.cate-select a{display: inline-block;margin: 0 5px;width: 104px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background-color: #A9A9A9;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.cate-select a:visited{color: #fff;}

.cate-select a:hover,
.cate-select a.on{background-color: #29B8D5;}


.company-show{padding-bottom: 40px;}
.company-show h3{padding-bottom: 10px;font-size: 22px;color: #666;}
.company-show h3 i{font-size: 12px;color: #adadad;text-transform: uppercase;position: relative;top: 2px;}
.company-show .profile{padding-top: 10px; width: 540px;font-size: 14px;line-height: 30px;text-indent: 2em; color:#333; font-family:microsoft yahei;}

.net-layout{padding: 35px 0 40px;background-color: #EFEFEF;}
.main-title{margin-bottom: 33px;text-align: center;color: #adadad;text-transform: uppercase;}
.main-title h3{padding-bottom: 5px;font-size: 22px;color: #333;background: url(../img/main-tit-bg.png) no-repeat center;}
.net-layout .net-intro{width: 500px;}
.net-layout .net-intro h4{padding-bottom: 15px;font-size: 25px;color: #333;line-height: 37px;}
.net-layout .net-intro p{font-size: 14px;line-height: 29px;}
.net-layout .pic-show{margin-top: 27px;width: 512px;}
.net-layout .pic-show ul{margin-right: 20px;margin-top: 15px;position: relative;}
.net-layout .pic-show ul:before{content: ' ';position: absolute;left: 6px;top: -15px;width: 5px;height: 240px;background: #D2D2D2;z-index: 1;}
.net-layout .pic-show ul li{margin-bottom: 30px;width: 11px;height: 11px;-moz-border-radius: 50%; /* Firefox */-webkit-border-radius: 50%; /* Safari ºÍ Chrome */border-radius: 50%; border: 3px solid #666;position: relative;z-index: 2;}
.net-layout .pic-show ul li.on{border-color: #53C5DD;}
.net-layout .pic-show .pic-box{width: 466px;height: 235px;overflow: hidden;}
.net-layout .pic-show .pic-box span{display: block;width: 466px;height: 235px;}
