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

*{ margin:0 auto; padding:0px 0px;}
.clearfix{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#ff5b00;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1200px; margin:0 auto;}


.INtitle {width: 100%;height:80px;padding-top: 61px;text-align: center;border-bottom: 1px solid #e8e8e8;position: relative;}
.INtitle h2 {font-size: 28px;color: #000;line-height:32px;margin: 0 auto;font-weight: bold;text-transform:uppercase;}
.INtitle h2 span {color:#2d4c9c;}
.INtitle p {height: 30px;line-height: 30px;font-size:18px;color: #999;font-family: "arial, helvetica, sans-serif";text-transform:uppercase;}
.INtitle span {width:115px;height: 3px;background-color: #ff5b00;position: absolute;bottom: -2px;left: 50%;margin-left: -58px;}


.icon-box {padding-top: 54px;padding-bottom: 48px;}
.icon-box .icon { width:174px;text-align: center;color: #333;float: left; margin:0px 63px;}
.icon-box .icon:hover .ico {transition:transform 1s;-moz-transition:transform 1s;	/* Firefox 4 */-webkit-transition:transform 1s;	/* Safari 和 Chrome */-o-transition:transform 1s;	/* Opera */transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);background-position:100.8% 0;}
.icon-box .icon:hover h3 {color: #ff5b00;}
.icon-box .icon .ico{width:100%;height:202px;margin:0 auto;cursor:pointer;background:url("../images/c1.png") no-repeat 0 0;background-size:200% auto;}
.icon-box .icon .ico a {width: 100%;height: 100%;display: block;}
.icon-box .icon .c2 {background: url("../images/c2.png") no-repeat 0 0;}
.icon-box .icon .c3 {background: url("../images/c3.png") no-repeat 0 0;}
.icon-box .icon .c4 {background: url("../images/c4.png") no-repeat 0 0;}
.icon-box .icon .c5 {background: url("../images/c5.png") no-repeat 0 0;}
.icon-box .icon .c6 {background: url("../images/c6.png") no-repeat 0 0;background-size:200% auto;}
.icon-box .icon h3 {line-height: 33px;font-size: 24px;padding-top: 34px;color:#ff5b00;}
.icon-box .icon h3 a{color:#ff5b00; text-decoration:none;}
.icon-box .icon p {line-height:30px;font-size: 15px; margin:0 auto;}
.grayBg{ width:100%; padding:0px 0px 40px 0px; background:#f5f5f5;}
/*-----流程-----*/

.server{ width:1200px; float:left; margin:20px 0px;}
.server ul{ width:1235px; margin-left:-35px;}
.server ul li{width:212px; margin-left:35px;float: left; list-style:none;}
.server ul li:first-child{ margin-left:0px;}
.server ul li a{display: block; position: relative;width: 100%;text-align: center;}
.server ul li a:first-child{height:220px;}
.server ul li img{ width: 157px;height: 175px; position: absolute; left:0px;right: 0;top: 0; bottom: 0;margin: auto;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.server ul li p{font-size:20px;line-height: 25px;margin-top:15px;margin-bottom: 15px;display: block;font-weight: bold;}
.server ul li span{font-size:15px;line-height:30px; color:#666;}
.server ul li a:hover{text-decoration: none;}
.server ul li:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.server ul li:hover span{color: #ff5b00;}
.server ul li:hover strong{color: #ff5b00;}


/*-----案例------*/
.case-details {padding-top: 40px;}

.case-details li {width:570px;float: left;background-color: #fff; margin-right:30px;margin-bottom: 15px;padding:17px 0; list-style:none;}
.case-details li:nth-child(2n) {margin-right:0;}
.case-details .pic { width:250px; height:190px;overflow: hidden;}
.case-details .pic img{ width:250px; height:190px;}
.case-details .pic:hover img {width:250px;height:190px;
	transition:transform 1s;
	-moz-transition:transform 1s;	/* Firefox 4 */
	-webkit-transition:transform 1s;	/* Safari 和 Chrome */
	-o-transition:transform 1s;	/* Opera */
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-moz-transform:scale(1.2);
}
.case-details .text {width:300px;padding:13px 0px 0px 0px;}
.case-details .text h4 {font-size: 18px;color: #000;line-height: 24px;}
.case-details .text h5 {font-size: 18px;color: #000;height: 24px;line-height: 24px;}
.case-details .text p {padding-top: 22px;font-size: 14px;line-height: 22px;color: #999;}
.case-details .text p a {color:#ff5b00;}
.case-details .case-but {padding-top:13px;padding-bottom:47px;text-align:center;}
.case-details .case-but a {line-height:36px;font-size:16px;color:#fff;background-color:#ff5b00;border-radius:4px;display: inline-block;padding: 0 3%;}


/*-----合作范围-------*/
.wdkh_boxs{ width:1200px; float:left; margin-top:30px;}
.wdkh_boxs .fl{ width:500px; float:left; margin:10px 5px;}
.wdkh_boxs .fr{ width:680px; float:right; line-height:25px; padding-top:20px;}

.wdkh_boxs .fr h3 {color: #444;font-size: 18px;font-weight: 400;padding: 10px 0;}
.wdkh_boxs .fr p {color: #808080;font-size: 14px;line-height: 24px;}


/*---底部----*/
.bottomLine{ width:100%; height:1px; border-top:solid 1px #D3D3D3; padding-bottom:20px;}
.line-big{ width:1200px; text-align:center; padding:30px 0px; font-size:16px; color:#808080;}
.padding-big-top {padding-top: 20px;}

.line-big .x1, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .xb1, .line-big .xb10, .line-big .xb11, .line-big .xb12, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xl1, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xm1, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xs1, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9{position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;}
.xm4 {width:340px; float:left; margin:0px 20px;}
.xm4 .item h3 {font-size: 18px; margin: 20px 0;}
.xm4 .item h3 a {color: #444; font-weight:normal;}
.xm4 .item p {color: #808080;font-size: 14px;line-height: 24px;}


/*---新闻--------*/

.margin-big-middle-bottom {margin-bottom: 50px; margin-top:50px;}
.text-center {text-align: center;}
.x12 {width: 100%; float:left;}
.full-screen-en-title {font-size: 30px; color:#444; font-weight:normal;}

.nav {padding: 0;}

.nav {list-style: none;margin: 0;}

.nav li {display: inline; margin: 0 5px;padding: 0;color: #808080;font-size: 14px;height: 40px;line-height: 40px;text-align: center;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}

.nav li {position: relative;}

.nav li a {background: #FFF;border: 1px solid #B9B8B8;border-radius: 0px;font-size: 14px; line-height:20px;color: #808080;display: inline-block; padding: 10px 25px;}
.nav li a:hover{ background:#ff5b00; border:solid 1px #ff5b00;color:#fff;}
.nav li a.hover{ background:#ff5b00; border:solid 1px #ff5b00;color:#fff;}


.IN_news{ width:1200px; margin-top:40px;}
.IN_news ul li{float: left; width: 262px; height:366px;list-style: none;padding:8px 8px;margin:10px  10px;position: relative;overflow: visible;background-color: #FFFFFF;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;z-index: 5; border:solid 1px #f2f2f2;box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	transform: translate3d(0, -5px, 0);
	transition: all 0.3s}

.IN_news ul li .imgholder {text-align: center; width:262px; height:140px;}
.IN_news ul li .imgholder a{ width:262px; height:140px; overflow:hidden; position:relative; display:block;}
.IN_news ul li .imgholder a img{ width:262px; height:140px; display:block; margin:0 auto;}
.IN_news ul li .imgholder a:hover img{transition:transform 1s;
	-moz-transition:transform 1s;	/* Firefox 4 */
	-webkit-transition:transform 1s;	/* Safari 和 Chrome */
	-o-transition:transform 1s;	/* Opera */
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-moz-transform:scale(1.2);}
	
.IN_news ul li .bitem {padding: 5px 0px;}
.IN_news ul li .bitem .title a {color: #444;display: block;font-size: 16px;}
.IN_news ul li .bitem .title a:hover {color: #D61919;}
.IN_news ul li .bitem .price {font-size: 16px;color: #E60012}
.IN_news ul li .bitem .meta {color: #999;padding: 5px 0;}
.IN_news ul li .bitem .info {color: #808080;font-size: 13px;line-height: 22px;}



.pagination { list-style: none; margin: 0 auto; padding: 0; display: inline-block; text-align:center; margin-top:30px;}
.pagination li { display: inline-block; border: solid 1px #B9B8B8;}
.pagination a { color: grey; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(.175, .885, .32, 1) 0s }
.pagination .disabled a:hover, .pagination .disabled a:link, .pagination .disabled a:visited { cursor: not-allowed; pointer-events: none; color: #E2E2E2 }
.pagination .active { pointer-events: none }
.pagination .active, .pagination a:hover { background: #f5f5f5;transition: all .3s cubic-bezier(.175, .885, .32, 1) 0s }


.pagination li {margin: 5px 3px;font-size: 14px;background: #FFF;}
.pagination .disabled {padding: 5px 12px;}
.pagination .current {padding: 6px 14px;background: #ff5b00;color: #fff;border: 0}
.pagination .active, .pagination a:hover {background: #ff5b00;color: #fff;border: 0}
.pagination .active a {color: #fff}



/*---详细内容--------*/
.margin-big-top {margin-top: 20px;}
.bread { border-radius: 4px; padding: 10px 5px; font-size: 12px; margin-bottom: 15px; color: #999 }
.bread li { display: inline-block }
.bread li a{ color:#808080;}
.bread li:after { content: "\002f"; padding: 0 8px; color: #999 }
.bread li:last-child:after { content: "" }


.line-large {display: block;}
.line-large { margin-left: -15px;margin-right: -15px;}
.margin-big-top { margin-top: 20px;}

.pageLeft {width:800px; float:left;}
.detail h1{}
.detail p {text-indent: 2em;}
.button.border-gray, .pager-next.border-gray, .pager-prev.border-gray, .pager.border-gray a, .text-gray, a.text-gray:link, a.text-gray:visited, blockquote.border-gray strong { color: #999;}
.padding-bottom {padding-bottom: 10px;}

.padding-top {padding-top: 20px;}
.padding-large-bottom { padding-bottom: 30px;}

.prenext{ border-top:solid 1px #E2E2E2; padding-top:30px; margin-top:30px;}
.margin-big-middle-bottom {margin-bottom: 50px;}

.text-center {text-align: center;}

.pageRight{ width:380px; float:right;}
.pageRight .show_list{ width:380px; float:left; margin-bottom:20px;}

.pageRight .show_list h2.n-title {background: none repeat scroll 0 0;color: #fff;height: 40px;line-height: 40px;margin-bottom: 10px;padding-left: 10px; font-weight:normal; font-size:18px;}
.pageRight .article-media img {display: block;width: 100px;}
.pageRight .article-media li { list-style:none;}
.pageRight .article-media .media {padding: 5px 0;}
.pageRight .article-media .media-body h3 a {line-height: 24px;color: #666;font-size: 14px; font-weight:normal;}


.media.media-x .float-left {margin-right: 10px;}
.list-media li {margin-bottom: 10px; display:block; clear:both;width:380px; float:left; }
.float-left {float: left!important;}
.float-left a , .float-left a img{ width:100px; height:52px;}

.list-link a{ padding:10px 15px; width:350px; margin-top:5px; display:block; float:left;}

.list-link a:hover {background-color: #f5f5f5;transition: all .3s cubic-bezier(.175, .885, .32, 1) 0s;}

body{ color:#808080;}
.w980{ width:980px; margin:30px auto; line-height:30px;}