@charset "utf-8";
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,ul{margin:0;padding:0;font-weight:400}
body{font:12px/1.5 font-family: 'Open Sans', sans-serif!important;}
html,body{background:#ffffff}
body a{transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;}

a:hover{text-decoration:none}
input[type="button"],input[type="submit"],li.parallelogram{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all}
h1,h2,h3,h4,h5,h6{margin:0}
p{margin:0;color:#555;font-size:0.9em}
ul{margin:0;padding:0}
label{margin:0}


.logo{float:left;margin-top:6px}
.logo a{display:block;text-decoration:none}
.menu__list{position:relative;-webkit-flex-wrap:inherit;flex-wrap:inherit;list-style:none}
.menu__item{display:block;margin:1em 0}
.menu__link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.menu__link:hover,.menu__link:focus{outline:none}
.menu--francisco .menu__item{margin:0 1.5em}
.menu--francisco .menu__link{position:relative;overflow:hidden;height:5em;padding:3em 0 1em 0;text-align:center;color:#b5b5b5;-webkit-transition:color 0.3s;transition:color 0.3s;font-weight:600}
.menu--francisco .menu__link:hover,.menu--francisco .menu__link:focus{color:#929292}
.menu--francisco .menu__item--current .menu__link,li.menu__item.menu__item--current{color:#23b5b9}
.menu--francisco .menu__link::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;opacity:0;background:#23b5b9;-webkit-transform:translate3d(0,-3em,0);transform:translate3d(0,-3em,0);-webkit-transition:-webkit-transform 0s 0.3s,opacity 0.2s;transition:transform 0s 0.3s,opacity 0.2s}
.menu--francisco .menu__helper{display:block;pointer-events:none}

.navbar{border-radius:0;min-height:50px;margin-bottom:0}
.navbar-default{background:none;border:none}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color:#FB9F2C!important;background:none!important}
.navbar-default .navbar-nav > li > a{color:#434343!important}
.navbar-brand{height:76px;float:left; padding:0;}
.navbar-nav{float:left}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#FB9F2C}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#fff;background-color:#E6B609}
.navbar-default .navbar-nav > li > a{text-transform:uppercase}
.navbar-nav > li > a{font-size:18px;padding:0px 30px}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#E6B609;background-color:transparent}
.navbar-default .navbar-brand{color:#FB9F2C}
.navbar-collapse{padding:0!important}
.header-top{padding:0.5em 0 0.8em 0}




.topMobi,.footerMobi{display: none}
.hLine{display: none}
.header_input_bg,.card-item .circle{ background:url(../images/icons.png) no-repeat;}
.w1100{margin: 0 auto}
.header{position: relative;z-index: 99}
.navAndLogo{margin: 50px auto 20px auto; padding: 0 0px;padding-bottom: 0;margin-bottom: 0;position: relative;}
.navAndLogo .logo{position: relative;z-index: 1001; width: 242px;}
.navAndLogo .bigNav{text-align: center;margin-top: 40px;position: relative;z-index: 1000;}
.navAndLogo .bigNav ul li{display: inline-block;margin: 0 20px;position:relative}
.navAndLogo .bigNav ul li{*display: inline}
.navAndLogo .bigNav ul li a{display: block;font-size: 18px;color: #3d3d3d;padding: 0px 0;padding-top: 0;position: relative}
.navAndLogo .bigNav ul li a i{display: none;position: absolute;width: 18px;height: 8px;bottom: -7px;*bottom: -6px;left: 50%;margin-left: -9px;z-index: 9999999;}
.navAndLogo .bigNav ul li.on a,.navAndLogo .bigNav ul li:hover a,.navAndLogo .bigNav ul li.hover a{color: #2daa3f}
.navAndLogo .bigNav ul li.hover a i{display: block}


.menu__list .hidden-box2{position: absolute;width: 300px; background:#FFF; z-index: 20;
padding: 12px 0;left: 0; display: none;}
@media (min-width:1000px) {
	.en_header .menu__list .hidden-box,.en_header .menu__list .hidden-box2{width: 500px;}
}
.menu__list{ text-align:left;}
.menu__list ul{ padding:0;}
.menu__list ul.hidden-box-child li{color: #333;text-align: left;  margin:0; padding:0; display:block;
 height:40px; line-height:40px; margin:0 1px; border-bottom:1px solid #DEDEDE; }
.menu__list ul.hidden-box-child li.first{}
.menu__list ul.hidden-box-child li:hover{ }
.menu__list ul.hidden-box-child li a{color: #333;font-size: 14px; margin:0; padding:0; padding-left:20px;}
.bigNav ul .hidden-box2 div.list ul.hidden-box-child li a:hover{color:#096CAB; font-weight:bold; }

.hbox2 li{ width:49%; float:left;}

.searchBox{}
.header-top .search{position: relative;z-index: 1001;width:200px; margin-top:4em; font-size:0.8em;}
.header-top .search input[type=text]{border: 1px solid #ccc; padding:2px 4px 2px 6px; line-height: 24px;width: 125px;height: 23px;*height: 20px;*line-height: 20px;display: inline-block;vertical-align: middle; float:left; margin-right:10px;}
.header-top .search .header_input_bg{ background-position:6px 1px;}
.header-top .search .header_input_bg:focus{ background:none;}
.header-top .search a{ float:left; padding:0 4px;}

@media (max-width:736px) {
	a.navbar-brand img {
		position: absolute;
	}
	.navbar {
		width: 100%;
		float: none;
		text-align: center;
	}
	.navbar-default .navbar-toggle {
       border-color: #333;
	}
	.header-top {
		padding: 0;
	}
	.navbar-toggle {
		position: relative;
		padding: 9px 9px;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: #333333;
		background-image: none;
		border: 1px solid #333333;
		border-radius: 0!important;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color:#22BFB7;
		border: 1px solid #22BFB7;
	}
	.navbar-nav {
		margin: 0 1em;
		padding-bottom: 0.5em;
	}
	.navbar-nav > li {
		float: none;
		margin-right: 0;
		margin-top: 12px;
		display: block;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none!important;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 0.9em;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	ul.dropdown-menu li {
		margin-top: 10px;
	}
	p.location {
		float: left;
		color: #999999;
		font-size: 0.875em;
		width: 44%;
		margin-top: 1px;
	}
	.banner-two {
		min-height: 150px;
	}
	.product, .typography, #gallery, .news-section, #contact, .projects,.gallery,.single {
		padding:4em 0;
	}
	p.sub-para {
		font-size: 1em;
	}
	ul.nav.navbar-nav.menu__list {
		width: 100%;
		padding: 0;
		margin: 0;
		 background: rgba(212, 211, 211, 0.28);
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 1em;
		padding-top: 12px;
		padding-bottom: 0;
	}
	.menu--francisco .menu__link {
		position: relative;
		overflow: hidden;
		height: 3em;
		padding: 2em 0 1em;
	}
	.menu--francisco{ clear:both;}
	.main-header .container { padding:0;}
	.main-header .navbar-toggle{ margin-right:15px; margin-top:25px;}
	.menu--francisco .menu__item{ margin:0; clear:both;}
	.menu__list .hidden-box2{ display:block; position:static; width:100%; background:none;}
	.header-top .searchBox{ padding:10px; background:#22BFB7; height:3em; }
	.header-top .search{width:100%; margin-top:0px; font-size:0.8em;}
	.header-top .search a{ color:#FFF;}
	.header-top .search input[type=text]{border: 1px solid #fff; color:#FFF; padding:2px 4px 2px 6px; width: 80%;}
	.header-top .search .header_input_bg{ background-position:0px -1px;}
	
	.flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:260px}
	.nav-tabs>li>a {
		margin: 0 1px;
		padding: 15px 19px;
	}
}

.menu__list li.has-child img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    transform: rotate(0deg);
    -ms-transform:rotate(0deg); /* Internet Explorer */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg); /*Safari 鍜� Chrome*/
    -o-transform:rotate(0deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
}
.menu__list li.has-child.active img{
	transform: rotate(180deg);
	-ms-transform:rotate(180deg); /* Internet Explorer */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg);/* Safari 鍜� Chrome*/
	-o-transform:rotate(180deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
}

.menu__list li.has-child2 img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    transform: rotate(0deg);
    -ms-transform:rotate(0deg); /* Internet Explorer */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg); /*Safari 鍜� Chrome*/
    -o-transform:rotate(0deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
}
.menu__list li.has-child2.active img{
	transform: rotate(180deg);
	-ms-transform:rotate(180deg); /* Internet Explorer */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg);/* Safari 鍜� Chrome*/
	-o-transform:rotate(180deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
}

#myCarousel{ overflow:hidden;}

.carousel-caption{ top:20%;}
.carousel-caption h1{ font-size:3em; line-height:5em; text-shadow:0 1px 2px rgba(0,0,0,.8)}
.carousel-caption p{ line-height:2em; font-size:1.6em; color:#FFF;}
.carousel-caption p .btn{ margin-top:2em; background:rgba(0,0,0,0.24);  border:1px solid #FFF; padding:10px 40px;}
.carousel-caption p .btn:hover{background:rgba(0,0,0,0.44);}
.glyphicon{position: absolute;width: 26px;height:51px;background: url("../images/sprite.png") no-repeat -115px 0; font-family:none;}
.glyphicon-chevron-left{background-position: -0px -938px;left: 0; width: 26px;height:51px;}
.glyphicon-chevron-right{background-position: -26px -938px;right: 0;width: 26px;height:51px;}
.carousel-control{opacity: 0;}

@media (max-width:768px) {
	.carousel-caption{ top:0%;}
	.carousel-caption h1{ font-size:1.5em; line-height:2em;}
	.carousel-caption p{ height:4em;font-size:1em; overflow:hidden;}
	.carousel-caption p .btn{padding:2px 10px; font-size:1em;}
}
@media (min-width:768px) {
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{width: 26px;height:51px;}
}


.banner{overflow: hidden}
.otherPage{background: #bcf1f2 url(../../images/www/banner/banner_4.png) top center repeat-x;text-align: center;height: 300px}
/*.otherPage img{width: 100%}*/
.otherPage .mianImg{width: 660px;margin: 0 auto;height: 300px;position: relative;overflow: hidden}
.otherPage .mianImg img{position: absolute;text-align: center}
.otherPage .mianImg img.pageimg0{left: 20px;top: 119px;z-index: 4;}
.otherPage .mianImg img.pageimg1{left: 50px;top: 10px;z-index: 4;}
.otherPage .mianImg img.pageimg2{top: 186px;left: 82px;z-index: 4;}
.otherPage .mianImg img.pageimg3{right: 0px;top: 38px;z-index: 4;}
.otherPage .mianImg img.pageimg4{position: static;}
.otherPage .mianImg img.pageimg5{top: 21px;left: 178px;}
.flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:500px}
.flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}
.flashBox ul li{width:100%;height:100%;position:absolute;top:0;left:0;display:none;}
.flashBox ul li:first-child{display:block}
.flashBox ul li a,.flashBox ul li>div{width:100%;height:100%;display: block;background-position: top center;background-repeat: repeat;background-size: cover}
.bannerBtn{position: absolute;top:50%;margin-top: -25px;width: 100%;z-index: 3;}
.bannerBtn .w1000{position: relative}
.bannerBtn a{position: absolute;width: 26px;height:51px;background: url("../images/sprite.png") no-repeat -115px 0;z-index: 99;display: none}
.bannerBtn a.prev{background-position: -0px -938px;left: 0}
.bannerBtn a.next{background-position: -26px -938px;right: 0;}
.flashBox ol{z-index:2;width:100%;text-align:center;position:absolute;bottom:10px}
.flashBox ol li{width:15px;height:15px;margin:0 2px;display:inline-block;background:#fff;color:#dd1827;line-height:20px;text-align:center;border-radius: 100px;cursor:pointer;background: url("../images/sprite.png") no-repeat 0px -1000px;text-indent: -99999px;}
.flashBox ol li{*display:inline; position:relative;}
.flashBox ol .active{background:url("../images/sprite.png") no-repeat -20px -1000px;color:#fff;}
.flashBox ul li .container{height: 100%}
.flashBox ul li .container img{position: absolute;}
.flashBox .wxBanner{position:absolute; top:0; left:0;}


/*20160317 BY tanytree*/
.wxBanner .targetBtn{margin-top: 20px; position: absolute; bottom: 120px; left: 100px;z-index: 999}
.wxBanner .targetBtn a{float: left;width:170px;height: 50px;background: url("../images/sprite.png") no-repeat -433px -790px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;margin-right: 15px}
.wxBanner .targetBtn a{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;}
.wxBanner .targetBtn a i{display: inline-block;width: 31px;height: 31px;background: url("../images/sprite.png") no-repeat -565px -750px;vertical-align: middle;margin-right: 10px}
.wxBanner .targetBtn a:hover{background-position: -433px -890px}
.wxBanner .targetBtn a i{*display: inline}
.wxBanner .targetBtn a:first-child{width: 110px;background-position: -433px -740px}
.wxBanner .targetBtn a:first-child:hover{background-position: -433px -840px}
.wxBanner{}
.wxBanner .wxbigtext{left: 50%;margin-left: -269px;top: 103px}
.wxBanner .wxsmalltext{left: 50%;margin-left: -192px;top: 180px;}
.wxBanner .wxman{left: 50%;margin-left: -95px;bottom: 0;z-index: 2}
.wxBanner .wxcloud{left: 30%;top: 300px;z-index: 0;}
.wxBanner .sybigtext{left: 50%;margin-left: -359px;top: 172px}
.wxBanner .sysmalltext{left: 50%;margin-left: -188.5px;top: 255px;}
.wxBanner .syicon{left: 50%;margin-left: -307.5px;bottom: 78px;z-index: 2}
.wxBanner .earth{left: 50%;bottom: -145px;margin-left:-283px;z-index: 2;}
.wxBanner .o2obigtext{left: 50%; margin-left: -312.5px; top: 208px; z-index: 5;}
.wxBanner .o2osmalltext{left: 50%; margin-left: -268px; top: 326px; z-index: 4;}
.wxBanner .yellowtip{left: 50%; margin-left: -183px; top: 148px; z-index: 4;}
.wxBanner .boat{bottom: -35px;right: 0}
.wxBanner .balloon0{right: 205px;top: 50px;}
.wxBanner .balloon1{left: 50%;top: 100px;z-index: 4;}
.wxBanner .box{top: 106px;left: 180px;}
.wxBanner .buliding{right: 0;top: 365px;}
.wxBanner .buliding1{top: 70px;left: 290px;}
.wxBanner .car{right: 201px;top: 181px;z-index: 5;}
.wxBanner .o2ocloud0{top: 210px;left: 0;z-index: 6}
.wxBanner .o2ocloud1{right: 120px;top: 278px;}
.wxBanner .plane{right: 0;top: 107px;}
.wxBanner .pylon0{left: 35px;top: 216px;}
.wxBanner .pylon1{right: 260px;top: 34px;}
.wxBanner .tree{top: 315px;left: 45px;}
.wxBanner .windmill{top: 4px;left: 420px;width: 62px;}
.wxBanner .windmill1{top: -10px;left: 357px;}
.wxBanner .cmsbigtext{left: 100px; top: 170px;}
.wxBanner .cmssmalltext{left: 100px; top: 245px;}
.wxBanner .cms0{right: 210px;top: 305px;}
.wxBanner .cms2{left: 325px;top: 200px;}
.wxBanner .cms1{left: 162px;top: 315px;}
.wxBanner .wsTit{left: 50%;margin-left: -140.5px;top: 165px}
.wxBanner .wsSubTit{left: 50%;margin-left: -132px;top: 240px}
.wxBanner .rocket{left: 10%;bottom: 20px}
.wxBanner .s0{left: 50%;margin-left: -270px; top: 100px}
.wxBanner .s1{left: 50%;margin-left: -400px;top: 200px;}
.wxBanner .s2{left: 50%;margin-left: -100px;top: 380px}
.wxBanner .s3{left: 0;bottom: 0px;z-index: 5;height:190px}
.wxBanner .s4{right: 0;bottom: 0px;z-index: 0;height: 160px}
.wxBanner .ss-floatText{top: 62px;left: 50%;margin-left:-340px}
.wxBanner .ss-bigText{left: 50%; margin-left: -366px; top: 140px; z-index: 99;}
.wxBanner .ss-minText{margin-left: 252px; bottom: 55px; z-index: 99;}
.wxBanner .ss-m{bottom: 0;left: 0;}
.wxBanner .ss-plane{right: 200px; top: 132px;}
/**新增banner201607011**/
.banner-b{background: #43cfc8}
.banner-b .w1120{height: 348px}
.banner-b img{position: absolute}
.banner-b .b-1{right: 72px;top: 180px}
.banner-b .b-2{left: 90px; top: 180px;}
.banner-b .b-3{left: 50%;margin-left: -381px;top:330px}
.banner-b .b-s{bottom: 0}
.banner-b .b-s-1{width: 100px; left: 50px;}
.banner-b .b-s-2{left: 160px; width: 160px;}
.banner-b .b-s-3{left: 390px;width: 58px;}
.banner-b .b-s-4{right: 359px; width: 103px;}
.banner-b .b-s-5{right: 250px;width: 150px;}
.banner-b .b-s-6{right: 0;width: 65px;}
.banner-b .b-y{top: 40px}
.banner-b .b-y-1{left: 50%;margin-left: -20px}
.banner-b .b-y-2{left:0}
.banner-b .b-y-3{right: 0}
.banner-b .targetBtn{margin-top: 20px; position: absolute; bottom: 60px; left: 352px; z-index: 999;}
.banner-xr{background-image: url("../../images/www/banner/xr.jpg");background-repeat: no-repeat;background-position: top center;background-size: cover;}
.banner-xr .xr-1{right: -72px; top: 160px;}
.banner-xr .xr-2{top: 125px; left: 0}
.banner-xr .xr-4{top: 0; left: 50%; margin-left: -400px;}
.banner-xr .xr-3-1{top: 260px; left: 0;}
.banner-xr .xr-3-2{top: 232px; right: 0;}
.banner .flashBox .banner-xr .xr-btn{background: url("../../images/www/banner/xr-btn.png") no-repeat;width: 282px;height: 68px;overflow: hidden;position: absolute;bottom: 20px;left: 50%;margin-left: -141px}
.banner-kt{background: #1fbdd9}
.banner-kt .kt_1{top: 148px; left: 0; z-index: 1;}
.banner-kt .kt_2{top: 319px; left: 0;}
.banner-kt .kt_3{right: 0; bottom: 0; z-index: 0;}
.banner-kt .kt_4{bottom: 0; right: 0;}
.banner-kt .kt_5{bottom: 0; right: 86px;}
.banner-kt .kt_6{top: 410px; left: 0;}
.flashBox ul li div.warp{ width:1000px}
.banner-zh{background: #03c36b}
.banner-zh .zh-1{bottom: 0;left: 0;}
.banner-zh .zh-2{top: 170px;left: 50%;margin-left: -465px;}
.banner-zh .zh-3{top: 282px;left: 50%;margin-left: -235px;}

.banner-a{ background:url(http://static.pigcms.com/statics/images/www/banner/pigBg_02.png)}
.banner-a .zh-a-1{     left: 60px;    top: 77px;    z-index: 9;-webkit-animation:bounceInDown 2s 0.5s 1 linear both;animation: bounceInDown 2s 0.5s 1 linear both;}
.banner-a .zh-a-2{ left:0; top:0;-webkit-animation: zoomIn 2s 0s 1 linear both;animation: zoomIn 2s 0s 1 linear both;}
/**新增banner20161017 by 董林**/
.banner-qiu{background: #fff6cc}
.banner-qiu .q1{    top: 45px;  left: 50%;  margin-left: -350px;}
.banner-qiu .q2{    top: 350px;  left: 50%;  margin-left: -300px;}
.banner-qiu .q3{top: 0;left: 50%;margin-left: -493px}
.banner-qiu .q4{    bottom: 55px;  left: 50%;  margin-left: -90px;}

@media (max-width:736px) {
	.flashBox{ height:230px;}
	.wxBanner .s0{ width:70%;left: 50%;margin-left: -35%; top: 20px;}
	.wxBanner .s1{ width:90%;left: 5%;margin-left: 0%;top: 100px;}
}



@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.warp{width:1100px;margin: 0 auto;}

.solutionBox { padding:40px 0 80px 0; }
.bigBox .tith2{ margin:0 auto; text-align:center; }
.bigBox .tith2 h2{ text-align:center;line-height:60px; display:block; font-size:30px; font-weight:normal;
padding-bottom:10px; color:#606060; display:inline-block;*display: inline; margin:0 auto;}
.bigBox .tith2 .h2btmLine{ height:1px; background:#59aedd;}
.bigBox .tith2 p{ font-size:18px;}
.bigBox .text{ font-size:16px; line-height:220%; padding:20px;}
.bigBox .endText{ font-size:16px; line-height:220%; padding:20px;}
.bigBox .endText img{  max-width:100%;}
.pad_top0{ padding-top:0}

.card-area {margin: 82px auto 0 auto; max-width:100%;}
.card-area .card-item{float: left;margin-bottom:130px; }
.card-area .card-item2 {z-index: 10;position: relative; border: 2px solid #12c3fc;padding:30px 10px 30px 10px;
border-radius:10px;margin-right:14px; width:100%; height:300px;}
.en .card-item2{ height:400px;}
.card-area li:last-child,.card-area li.item_4{ margin-right:0;}
.card-area .card-item2 h1{ text-align:center; font-size:18px; color:#000;  line-height:30px;}
.card-area .card-item2 p{font-size:16px; line-height:220%; display:block; height:140px; overflow:hidden}
.card-area .card-item2 .circle{ width:100px; height:100px; border-radius:55px;border: 6px solid #12c3fc; margin:-100px auto 20px auto;
 background:#f6f6f9;z-index: 11;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.card-area .card-item2 .type_1{ background:url(../images/icon_type_1.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_2{ background:url(../images/icon_type_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_3{ background:url(../images/icon_type_3.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_4{ background:url(../images/icon_type_4.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_5{ background:url(../images/icon_type_5.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_6{ background:url(../images/icon_type_6.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_7{ background:url(../images/icon_type_7.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_8{ background:url(../images/icon_type_8.png) #f6f6f9 no-repeat 22.5px 22.5px;}


.card-area .card-item2 .type_1:hover,.card-area .card-item:hover .type_1{ background:url(../images/icon_type_1_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_2:hover,.card-area .card-item:hover .type_2{ background:url(../images/icon_type_2_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_3:hover,.card-area .card-item:hover .type_3{ background:url(../images/icon_type_3_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_4:hover,.card-area .card-item:hover .type_4{ background:url(../images/icon_type_4_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_5:hover,.card-area .card-item:hover .type_5{ background:url(../images/icon_type_5_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_6:hover,.card-area .card-item:hover .type_6{ background:url(../images/icon_type_6_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_7:hover,.card-area .card-item:hover .type_7{ background:url(../images/icon_type_7_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}
.card-area .card-item2 .type_8:hover,.card-area .card-item:hover .type_8{ background:url(../images/icon_type_8_2.png) #f6f6f9 no-repeat 22.5px 22.5px;}

.card-area .card-item2 .viewMore{ width:50%; height:34px; position:absolute; bottom:20px; left:25%; line-height:34px; border-radius:6px; border: 1px solid #12c3fc; text-align:center;margin:10px auto 0px auto; font-size:16px;}
.card-area .card-item2 .viewMore a,.card-area .card-item .viewMore a:visited{ color:#12c3fc;}
.card-area .card-item2 .viewMore:hover{ background:#12c3fc; }
.card-area .card-item2 .viewMore:hover a{color:#FFF;}
.card-area .card-item2 .viewMore a:hover{color:#FFF;}
.card-area .card-item:hover .circle{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.content-item_list{ margin-top:40px;}
.content-item_list img{ border:1px solid #CCC;}

@media (min-width: 768px) {
  .indexProduct .content-item {width: 100%; }
  .indexProduct .content-item .item-box{width:100%;}
  .indexProduct .content-item .text_box{width:100%;}
  .indexProduct .content-item .text_box h4{padding-left:0px;}
  .indexProduct .content-item .text_box p{padding-left:0px;}
}
@media (min-width: 992px) {
  .indexProduct .content-item {width: 50%;}
  .indexProduct .content-item .item-box{width:40%;}
  .indexProduct .content-item .text_box{width:50%;}
  .indexProduct .content-item .text_box h4{padding-left:30px;}
  .indexProduct .content-item .text_box p{padding-left:30px;}
}
@media (min-width: 1200px) {
  .indexProduct .content-item {width: 50%;}
  .indexProduct .content-item .item-box{width:40%;}
  .indexProduct .content-item .text_box{width:50%;}
  .indexProduct .content-item .text_box h4{padding-left:30px;}
  .indexProduct .content-item .text_box p{padding-left:30px;}
}
  
.indexProductBox{ background:#f2f5fe; padding:30px 0 160px 0px;}
.indexProductBox .indexProduct{ padding-top:40px;}
.indexProduct .content-item {
  float: left;
  
}
.indexProduct .content-item .item-box {
  -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  margin-top: 55px;
  background-color: #fff;
  border: 1px solid #c5d8db;
  float:left;
  overflow:hidden;
  
}
.ali-content-item .content-item .item-box .img-area {
  width: 100%;
  height: 235px;
  overflow: hidden;
}
.indexProduct .content-item .item-box .img-area img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}
.indexProduct .content-item .item-box .box-header {
  padding: 18px 25px;
  font-size: 14px;
  color: #fff;
  background:#3bb4ed;
  text-align:center;
  font-size:18px;
}
.indexProduct .content-item .item-box:hover {
  -webkit-box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
  -moz-box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
  box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
}
.indexProduct .content-item .item-box:hover .img-area img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.indexProduct .content-item .text_box{ float:left; padding:0px 0px 0 0px; margin-top: 55px; font-size:1.2em; line-height:180%;}
.indexProduct .content-item .text_box h4{ font-size:1.5em; font-weight:normal; color:#00aaeb; text-align:center; hanging-punctuation:80px; line-height:80px;}
.indexProduct .content-item .text_box p{}
.normal-img{ width:260px; height:235px;}



.contactBox { padding:30px 0 0 0px; background:url(../images/contactbox_bg.png) #1e242e no-repeat center; color:#F0F0F0;}
.contactBox .tith2 h2{ color:#FFF;}
.contactBox p{color:#D7D7D7;}
.para-contact {float:left;display: block;margin: 2em 0;}
.para-contact h4{font-size:24px;  line-height:40px; margin-bottom:40px;}
.para-contact p{font-size:16px; line-height:180%;width: 89%;}
.social_2{padding: 2.5em 0em;}
.social_2 ul li:first-child, ol li:first-child {margin-top: 0px;margin-left: 0;}
.social_2 li {background: none;margin-right:2px;display: inline-block;}
.social_2 li  a span{
	height:50px;
	width:50px;
	display: block;
	background: url(../images/icons.png);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.social_3 {padding: 2em 0em 0em 0em;}
li.facebook a span{background-position:0px -252px}
li.facebook a span:hover{opacity:0.3}
li.twitter a span{background-position:-49px -252px}
li.twitter a span:hover{opacity:0.3}
li.google a span{background-position:-99px -252px}
li.google a span:hover{opacity:0.3}
li.skype a span{background-position:-150px -252px}
li.skype a span:hover{opacity:0.3}
li.linkin a span{background-position:-200px -252px}
li.linkin a span:hover{opacity:0.3}
.contact-form{ padding-bottom:40px;}
.contactform{float:right;margin:2em 0;display:block}
.contactform input[type="text"],.contactform textarea{padding:15px;width:40%;margin:2% 1%;background:#fff;outline:none;color:#999999;font-size:1em;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-webkit-appearance:none;font-family:'Open Sans',sans-serif;border:1px solid #fff;-webkit-appearance:none}
.contactform input[type="text"]:nth-child(2){margin-right:0em}
.contactform textarea{padding:15px;display:block;width:94%;background:#fff;border:none;outline:none;color:#999999;font-size:1em;-webkit-appearance:none;margin-top:1em}
.contactform textarea{resize:none;height:180px}
.contactform .button input[type="submit"],.contactform .send_button input[type="submit"]{cursor:pointer;color:#FFF;font-size:0.99em;outline:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;border-radius:5px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;background:#49CBCD;padding:10px 50px;border:none;font-family:'Open Sans',sans-serif;margin-top:20px;-webkit-appearance:none}
.contactform .button input[type="submit"]:hover,.contactform .send_button input[type="submit"]:hover{background:#45BDBE}
.contactBox .copyright{ text-align:center; font-size:14px; color:#FFF; clear:both; padding:20px 0; line-height:30px; background:#535353;}

/*窗口滚动后导航悬浮，高度变小 */ 
.fixedStyle{z-index:999}
.fixedStyle .top{display: none}
.fixedStyle .navAndLogo{position: fixed;padding: 0;margin: 0;background:#fff;background: rgba(255,255,255,.95);width: 100%;min-width:1100px;width:expression_r(document.body.clientWidth < 1100? "1100": "auto" );top: 0;z-index: 9;border-bottom: 1px solid #f1f1f1;*border-bottom: 1px solid #ddd;}
.fixedStyle .navAndLogo .logo{left: 50px;}
.fixedStyle .navAndLogo .logo a{display: block;margin-top: 10px;}
.fixedStyle .navAndLogo .logo a img{height: 45px}
.fixedStyle .navAndLogo .bigNav{margin-top: 0}
.fixedStyle .navAndLogo .bigNav ul li a{padding: 15px 0}
.fixedStyle .navAndLogo .search{margin-top: 12px; right: 50px;}
.fixedStyle .subNav{position:fixed;top:54px}
.fixedStyle .navAndLogo .bigNav ul li a i{margin-top: -7px;opacity: .5;bottom: -8px} 
/*回到顶部） */
.backTop{background: url("../images/backtop.png") no-repeat top center;width: 94px;height: 94px;display: block;position: fixed;right: 5px;bottom: 20px;display: none}

.contl {}
.contl dl dd{overflow:hidden;padding:20px 0;border-bottom:1px dashed #ccc;}
.contl dl dd:hover{background-color:#f7f7f7;}
.contl dl dd.class1{overflow:hidden;}
.contl dl dd.class1 .cont{margin-left:16px;float:left; width:100%;}
.contl dl dd.class1 .cont .title{height:26px;line-height:26px;overflow:hidden;font-size:20px;font-weight:bold;margin-bottom:4px;}
.contl dl dd.class1 .cont a:link .title{color:#333;}
.contl dl dd.class1 .cont a:visited .title{color:#bobobo;}
.contl dl dd.class1 .cont a:hover .title{color:#e52000;text-decoration:underline;}
.contl dl dd.class1 .cont a p{height:80px;line-height:26px;overflow:hidden;color:#666;}
.contl dl dd.class1 .cont a:link p{color:#666;}
.contl dl dd.class1 .cont a:visited p{color:#bobobo;}
.contl dl dd.class1 .cont .other{overflow:hidden;margin-top:4px;color:#999;font-size:12px;}

#pages { padding:14px 0 10px; }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 {  width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.page_banner{ width:100%; height:330px; background:url("../images/page_banner.jpg") no-repeat center; color:#FFF; padding-top:50px;}
.page_banner .tith2 h2,.page_banner .tith2 p{ color:#FFF;}
#map-canvas {height: 350px; width:100% }
.bg_white{ background:#FFF;}

.filtr-item {
    padding-top: 30px;
}
/*-- gallery --*/
.gallery {
    padding:6em 0;
}
.item {
	text-align:center;
	position:relative;			
}
.item,
.item-hover,
.item-hover .mask,
.item-img,
.item-info {
	width: 100%;
	    height: 291px;					
}
.item-hover,
.item-hover .mask,
.item-img { 
	position:absolute;
	top:0;
	left:0;			
}
.item-info {
       padding-top: 92px;
}			
.item-type-double .item-hover {	
	z-index:5;	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;	
	opacity:0;
	cursor:pointer;			
	display:block;
	text-decoration:none;
	text-align:center;							
}
.item-type-double .item-info {
    z-index: 10;
    color: #ffffff;
    vertical-align: middle;
    position: relative;
    z-index: 5;
    text-align: center;
    width: 100%;				 					
}
.item-type-double .item-info .headline {
	font-size:15px;			
	width:90%;
	margin:0 auto;		
}
.item-type-double .item-info .line {
	height:2px;
	width:0%;
	margin:15px auto;
	background-color:#ffffff;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;					 
}				
.item-type-double .item-info .date {
    font-size: 35px;
       color: #23b5b9;
    font-weight: bold;
    text-transform: uppercase;
}
.item-type-double .item-hover .mask {
	background-color:#000;										
	opacity:0.6;
	z-index:0;
}
.item-type-double .item-hover:hover .line {
	width:90%;
}
.item-type-double .item-hover:hover {
	opacity:1;
}							
.item-img {			
	z-index:0;			
}
.filtr-item {
    padding-top: 30px;
}

/*-- //gallery --*/
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1em;
    z-index: 1;
    bottom: 1em;
    left: 1em;
    right: 1em;
}
/* Filter controls */
.simplefilter li,.multifilter li,.sortandshuffle li {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 14px 23px;
    font-size: 14px;
    margin: 0 0.4em;
    background: #FB9F2C;
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out
}
.simplefilter li.active,.simplefilter li:hover  {
    color: #FFFFFF;
    background:#23B5B9;
}
.item-img img {
    width: 100%;
	height:291px;
	border:1px solid #CCC;
}
ul.simplefilter {
    text-align: center;
	margin-bottom: 1em;
}


@media (max-width:667px) {
	.filtr-item {
		padding:22px 4px 20px;
	}
	.item-type-double .item-info .headline {
		font-size: 13px;
		width: 90%;
		margin: 0 auto;
	}
	.item, .item-hover, .item-hover .mask, .item-img, .item-info {
		height: 291px;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		display: inline-block;
		padding: 9px 17px;
		font-size: 14px;
		margin: 0 0 1.5em;
	}
	.item-type-double .item-info .date {
		font-size: 20px;
	}
}


.carousel-inner .item{ height:auto;}

.sublist{ margin-top:10px;}
.sublist li{float:left;width:190px;padding-right:8px;padding-bottom:4px; overflow:hidden;}
.sublist li h3.mcate-item-hd{padding-left:2px;font-size:14px;height:36px;line-height:36px; font-weight:bold;  border-bottom:1px dashed #dedede;}
.sublist li h3.mcate-item-hd a{color:#333;}
.sublist li h3.mcate-item-hd a:hover{color:#999;}
.sublist li p.mcate-item-bd{padding-left:2px;}
.sublist li p.mcate-item-bd a{height:26px;line-height:26px;margin-right:5px;font-size:12px;color:#666666;text-decoration:none;display:block;}
.sublist li p.mcate-item-bd a:hover{color:#6c5143;text-decoration:underline;}

.glyphicon-chevron-left:before,.glyphicon-chevron-right:before {content:"";}