@charset "utf-8";

/* CSS Document */

@font-face {

    font-family: 'my-font';

    src: url("../fonts/my-font.eot") format("embedded-opentype"),

    url("../fonts/my-font.ttf") format("truetype"),

    url("../fonts/my-font.woff") format("woff"),

    url("../fonts/my-font.svg") format("svg")

}

* { padding:0;margin:0;border:0;outline:none; }

a {color:#333;text-decoration: none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;}

a:hover{text-decoration:none;}

img,div { border:none;}

body {color:#a3a3a3;font:14px "microsoft Yahei","微软雅黑","microsoft jhenghei","宋体";min-width:1200px; overflow-x:hidden;}

table { border-collapse:collapse;}

a {outline:none;}

a {color:#333333;text-decoration:none;}

li { list-style:none;}

input,select,button,textarea {vertical-align:middle;font-family:"microsoft Yahei","微软雅黑","Raleway,Helvetica Neue, Helvetica, Arial, sans-serif"; outline: none;}

img { max-width:100%;}



.fl { float:left;}

.fr { float:right;}

.clear { clear:both;}

.th-box {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0;}
.th-box:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.w1200 { width:1200px;display: inline-block; *display: inline; *zoom:1;	vertical-align: middle;position: relative;right: -100%;height:502px;text-align: left;}

.tc { text-align:center;}



:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #888; opacity:1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */color: #888;opacity:1;}

input:-ms-input-placeholder{color: #888;opacity:1;}

input::-webkit-input-placeholder{color: #888;opacity:1;}

.ell { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



/*page*/

.preload{ height:25px; line-height:25px; width:100%; position:relative; text-align:center;color:#d4d4d4; -webkit-font-smoothing: antialiased;-webkit-animation: sine .5s infinite linear alternate;-moz-animation: sine .5s infinite linear alternate;animation: sine .5s infinite linear alternate;border:none;font-size:16px;font-family:arial;}

@-webkit-keyframes sine {

	0%{opacity:0;-webkit-transform:translateY(-2px);-moz-transform: translate3d(-2px);transform:translate3d(-2px);}

	100%{opacity:1;-webkit-transform:translateY(2px);-moz-transform: translate3d(2px);transform:translate3d(2px);}

}

.box{width: 20px;height: 1px;line-height: 30px;text-align: center;background: #ececec;color: #fff;margin-top:9.5px;}

#box2 { background:#ececec;float:right;}

.bor-box { width:47%;}

.percent-box { width:6%;}

.page-img { margin-bottom:100px;}

/* index */

.side-list { font-size:16px;font-family: 'my-font';margin-top:0;}

.side-list li { padding-bottom:23px;}

.side-list1 li { padding-bottom:59px;}
.side-list11 { margin-top:167px;}

.side-list li a { color:#a3a3a3;letter-spacing: 12px;display:block;text-align:right;}

.side-list li a.current,.side-list li a:hover { color:#5367a6;}

.logo img { margin-right:12px;display:block;}

.content-fr { width:910px;}

.in-contfr { position:relative;margin-top:199px;}

.in-swiper .swiper-slide { width:122px !important;height:122px;}

.in-swiper .swiper-slide img { display:block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-filter: blur(0px) grayscale(1);filter: blur(0px) grayscale(1);width:122px;height:122px;}

.in-swiper .swiper-slide img:hover { -webkit-filter: blur(0px) grayscale(0);filter: blur(0px) grayscale(0);}

.in-swiper .arrow { position:absolute;width:100%;height:21px;top:50%;right:0;}

.in-swiper .arrow-pr { position:relative;width:100%;height:21px;}

.swiper-button-next { background:url(../images/right.png) no-repeat center;right:-49px;}

.swiper-button-prev { background:url(../images/left.png) no-repeat center;left:-49px;}

.swiper-button-next:hover { background:url(../images/right2.png) no-repeat center;}

.swiper-button-prev:hover { background:url(../images/left2.png) no-repeat center;}


.in-contfr2 { width:860px;}

.logo a { display:block;}

/* about */

.side-list-about { margin-top:16px;}

.side-list-about li a { font-size:14px;letter-spacing:0;margin-right:70px;}

.text { font-size:16px;color:#a3a3a3;line-height:35px;margin-top:190px;}

/* team */

.team-h3 { font-size: 20px;color:#6f6f6f;padding-bottom:20px;padding-top: 4px;}

.team-h3 span { font-size: 30px;color:#5367a6; padding-right:15px;}

.text-box { position: relative;}

.team-arrow { position: absolute;left:-40px;top:165px;font-size: 0;width:100%;}


.team-prev,.team-next { width:14px;height:27px;display: inline-block;}

.team-prev { background: url(../images/team-left.png) no-repeat center;}

.team-next { background: url(../images/team-right.png) no-repeat center;margin-left:41px;float: right;}

.team-prev:hover { background: url(../images/team-left2.png) no-repeat center;}

.team-next:hover { background: url(../images/team-right2.png) no-repeat center;}

.team { height:335px;display: table-cell;vertical-align: middle;}
/* partner */

.logo-list li { float: left;margin:7px 86px 37px 0;}

.logo-list li:nth-child(4n+0) { margin-right:0;}

.logo-list li img { display: block;}

/* contact */

.cont-list { margin-top:10px;}

.cont-list li { float: left;font-size: 14px;line-height: 26px;}

.cont-list li { margin-right:39px;}

.cont-list li:last-child { padding-right:0;margin-right:0;border:none;}

.cont-img { font-size: 12px;margin-top:25px;}

.cont-img img { display: block;}

.text2 { margin-top:239px;}

/* news */

.news-img img { width: 100px;height:100px;display: block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-filter: blur(0px) grayscale(1);filter: blur(0px) grayscale(1);}

.news-text { width: 160px;height:100px;margin-left:12px;overflow: hidden;}

.news-text h3 { font-size: 16px;color:#6f6f6f;line-height: 30px;font-weight: normal;overflow: hidden;margin-top: 5px;}

.news-text2 h3 { height:60px;margin-bottom:10px;}

.news-text p { font-size: 12px;color:#b4b4b4;font-family:Arial; }

.news-text3 p { font-size: 14px;}

.news-list .swiper-slide a { display: block;}

.news-list .swiper-slide a:hover .news-img img{ -webkit-filter: blur(0px) grayscale(0);filter: blur(0px) grayscale(0);}

.news-list .swiper-slide a:hover .news-text h3 { color:#5367a6;}

/* news-details */

.in_about_r{ position:relative; font-size: 16px;color: #a3a3a3;line-height: 35px;}

.in_about_r .in_abtext{ height:492px;margin-top:9px;}

.arctitle {text-align: center;}

.arctitle strong {font-size: 20px;padding-bottom:10px;display:block;font-weight:normal;}

.share{height:34px;line-height:34px;overflow:hidden;text-align:center;padding-bottom:10px;margin-bottom:25px;border-bottom:1px solid #ededed;}

.share-p{display:inline-block;*display:inline;*zoom:1;margin:0 17px;font-size:13px;font-weight:normal;}

.share-p font{text-transform:uppercase;margin-right:4px;}

.in-contfr3 { margin-top:200px;}

/* case-details */

.case-in-list { margin-top:90px;}

.case-in-list li {padding-bottom:59px; }

.case-details-list10 li:nth-child(3) a {letter-spacing:6px;margin-right:5px;}
.case-tit { width: 270px;margin-top: 230px;}

.case-tit h3 { font-size: 20px;font-weight:normal;color:#5367a6;}

.case-text { font-size: 14px;line-height: 25px;color:#a3a3a3;margin-bottom:26px;height: 200px;overflow: hidden;}

.case-img { width: 660px;}

.in-contfr5 { margin-top:0;}

.swiper-container40 .swiper-slide { text-align:center;}
.in-contfr30 { margin-top:20px;width: 1010px;}

.arrow3 .swiper-button-prev { left: -57px;}



.side-list1 li:last-child ,.case-details-list10 li:last-child{ padding-bottom:0;}
/*html, body {height:100%;overflow:auto;margin: 0;}
html{overflow-y:scroll;}*/

.case-table-img { width:660px;height:480px;display:table-cell;vertical-align:middle;text-align:center;}
