@charset "utf-8";

/* CSS Document */

/*font*/

html{font-size:100px;}

@font-face {font-family:"Open Sans Regular";src:url("img/OpenSans-Regular.eot?") format("eot"),url("img/OpenSans-Regular.woff") format("woff"),url("img/OpenSans-Regular.ttf") format("truetype"),url("../font/OpenSans-Regular.svg#OpenSans") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"Open Sans Light";src:url("img/OpenSans-Light.eot?") format("eot"),url("img/OpenSans-Light.woff") format("woff"),url("img/OpenSans-Light.ttf") format("truetype"),url("../font/OpenSans-Light.svg#OpenSans") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"Swis721 Blkcn";src:url("img/TT0173M_.eot?") format("eot"),url("img/TT0173M_.woff") format("woff"),url("img/TT0173M_.ttf") format("truetype"),url("img/TT0173M_.svg") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"OpenSans-Semibold";src:url("img/OpenSans-Semibold.ttf") format("truetype");font-weight:normal;font-style:normal;}

@font-face {font-family:"BEBAS";src:url("img/BEBAS.ttf") format("truetype");font-weight:normal;font-style:normal;}

@font-face {font-family:"HelvLight Normal";src:url("img/HELN.TTF") format("truetype");font-weight:normal;font-style:normal;}

ol,ul,li,p,span,div,img,h1,h2,h3,h4,a,body,input,textarea{padding:0px;margin:0px;border:none;}

body{font-size: 16px;color:#646464;font-family:"Open Sans Regular", Helvetica,sans-serif;overflow-x:hidden;background-color: #f5f5f5;/*max-width: 1600px;*/}

a{
	text-decoration:none;
	cursor:pointer;
	outline:none;
	color:#323232;
}

a:hover{color:#3583f8;}

ol,ul,li{list-style:none;*margin:0px;*padding:0px;}

table{border:0;border-collapse:collapse;border-spacing: 0;empty-cells: show;font-size: 100%;}

.clear:after{ clear:both; display:block; height:0px; visibility:hidden; content:".";}

.clear{*zoom:1;}

input,textarea{ outline:none; vertical-align:middle;font-size:14px;}

input.submit,input.reset{ cursor:pointer;}

.text_overflow{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}

p{line-height: 22px;color:#323232;font-family: 'Open Sans Regular';}

h1{font-size:30px;font-family:"Swis721 Blkcn";font-weight: 400;color: #000;}

h2{font-size:30px;font-family:"Swis721 Blkcn";font-weight: bold;color: #000;}

h3{font-size:24px;font-family:"Swis721 Blkcn";}

.w1200{width:1200px;margin:0 auto;}

.none{display:none;height:0px;}

.bread-box{width: 100%;background-color: #f8f8f8;height: 50px;line-height: 50px;}

.bread-box p{line-height: 50px;font-size: 14px;color: #323232;}

.page{ width: 100%;

    line-height: 30px;

    padding: 30px 0px;

    text-align: center;}

.page li{display: inline;

    margin: 0px 2px;

    font-size: 13px;}

.page li a{border: 1px solid #ccc;

    padding: 4px 12px;

    text-align: center;

    color: #000;

    border-radius: 4px;

    -webkit-border-radius: 4px;}

.page li.thisclass a{color: #FFF;

    border-color: #3583f8;

    background-color: #3583f8;}

.backToTop{/*display: none;*/

    width: 40px;

    height: 40px;

    position: fixed;

    right: 5px;

    bottom: 30px;

    background: url(img/arrow-top.png) no-repeat center center;

    cursor: pointer;

    z-index: 99;}

    .search-wrap{margin:40px 0;}

.relevant-search h1{font-size: 30px;color: #333;margin:40px 0;}

.result-list{padding:30px 20px;}

.result-list li{margin-bottom: 20px;}

.result-list li h2{font-size: 20px;}

.result-list li h2>span{font-size: 28px;}

.sear-page .pagelistbox{width: 100%; margin:20px auto;text-align: center;}

.sear-page .pagelistbox>a{border: 1px solid #ccc;

    padding: 4px 12px;border-radius: 4px;-webkit-radius: 4px;background-color: #3583f8;color: #fff;margin-right:5px;}

    .sear-page .pagelistbox>a:hover{color: #fff;}



/*==================================================================*/

/*====================header==============================*/

.header{width:100%;position: fixed;top: 0;left: 0;z-index: 999;}



.header.flow{background-color: #212121;-webkit-box-shadow:4px 4px 4px #fff;

-moz-box-shadow:4px 4px 4px #393838;

-ms-box-shadow:4px 4px 4px #393838;

-o-box-shadow:4px 4px 4px #393838;

box-shadow:4px 4px 4px #393838;}


.header .logo{
	float: left;
	width: 223px;
	padding: 10px 20px 20px 0;
}

.header.flow .logo{padding: 10px 20px 20px 0;float: left;width: 223px;}

.header .nav{
	float: left;
	width: 750px;
	height: 28px;
	line-height: 28px;
	margin-left: 10px;
	margin-right:0px;
	padding: 30px 0 40px 50px;
}

.header.flow .nav{		float: left;
	width: 750px;
	height: 28px;
	line-height: 28px;
	margin-left: 10px;
	margin-right:0px;
	padding: 30px 0 40px 50px;}

.header .nav>ul>li{
	float: left;
	margin-left: 38px;
	position: relative;
}

.nav>ul>li>a{
	color: #fff;
	font-size: 16px;
	padding: 6px 0;
	border-bottom: 1px solid transparent;
}

.header .nav>ul>li:hover>a{border-bottom: 2px solid #3583f8;}

.header .nav>ul>li:hover .pull-down-a{display: block;}
.header .nav>ul>li:hover .pull-down1-a{display: block;}
.header .nav>ul>li:hover .pull-down2-a{display: block;}
.header .nav>ul>li:hover .pull-down3-a{display: block;}

.nav>ul>li.current>a{border-bottom: 2px solid #3583f8;}

.header .search{
	float: right;
	width: 134px;
	padding: 30px 0 20px 0;
	height: 28px;
	line-height: 28px;
	position: relative;
}

.header.flow .search{float: right;width: 134px;padding: 30px 0 20px 0;height: 28px;line-height: 28px;position: relative;}

.header .search .search-show{position: absolute;width:170px;display: none;top:32px; left: -130px;}
.header.flow .search .search-show{position: absolute;width:170px;display: none;top:32px; left: -130px;}

.search em{background:url(img/spirit.png) no-repeat;float: left; width: 21px;height: 21px;margin-top: 4px;/*display: none;*/}

.search .search-show .flow-input{width: 160px;height: 28px;border: 1px solid #9e9e9e;border-radius: 12px;padding-left: 10px;}
.search .search-show i{position: absolute;cursor: pointer;width: 16px;
 height: 18px; background: url(img/spirit.png) no-repeat 0px -236px;
top: -18px;right: 8px;}
.search .language{float: right;}

.search .language a{font-size: 18px;color:  #e0dfdf;}

.search .language span{width: 1px;height: 24px;background-color: #000000;margin:0 10px;display: inline-block;}

.search .language a.active{color:#3583f8; }

.search .search-show .flow-btn{position: absolute;width: 21px;height: 21px;

right: 5px;top: 4px;background: url(img/spirit.png) no-repeat;cursor: pointer;}

.nav .pull-down-a{
	width: 180px;
	position: absolute;
	top: 42px;
	left: -60px;
	background-image: url(img/pull-down-bg2.png);
	background-repeat: no-repeat;
	padding-top: 32px;
	padding-right: 0;
	padding-bottom: 22px;
	padding-left: 35px;
	height: auto;
	text-align:center;
}
.nav .pull-down1-a{
	width: 180px;
	position: absolute;
	top: 42px;
	left: -60px;
	background-image: url(img/pull-down-bg2.png);
	background-repeat: no-repeat;
	padding-top: 32px;
	padding-right: 0;
	padding-bottom: 22px;
	padding-left: 0px;
	height: auto;
	text-align:center;
}

.nav .pull-down2-a{
	width: 140px;
	text-align:center;
	position: absolute;
	top: 38px;
	left: -60px;
	background: url(img/pull-down-bg2.png) no-repeat;
	padding-top: 22px;
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
}
.nav .pull-down3-a{
	width: 140px;
	position: absolute;
	top: 38px;
	left: -94px;
	background: url(img/pull-down-bg1.png) no-repeat;
	padding-top: 22px;
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
}

.nav .pull-down-a a{color: #e0dfdf;font-size: 15px;padding: 5px 0;border-bottom: 1px solid transparent;}
.nav .pull-down1-a a{color: #e0dfdf;font-size: 15px;padding: 5px 0;border-bottom: 1px solid transparent;}
.nav .pull-down2-a a{color: #e0dfdf;font-size: 15px;padding: 5px 0;border-bottom: 1px solid transparent;}
.nav .pull-down3-a a{color: #e0dfdf;font-size: 15px;padding: 5px 0;border-bottom: 1px solid transparent;}

.nav .pull-down-a li:hover>a{border-bottom: 1px solid #3583f8;}
.nav .pull-down1-a li:hover>a{border-bottom: 1px solid #3583f8;}
.nav .pull-down2-a li:hover>a{border-bottom: 1px solid #3583f8;}
.nav .pull-down3-a li:hover>a{border-bottom: 1px solid #3583f8;}

.nav .pull-down-a .son-left{
	float: left;
	width: 270px;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 22px;
}

.nav .pull-down-a .son-right{float: left;width: 200px;padding:0 20px;text-align: left;}
.nav .pull-down1-a .son{width:250px;padding:0 20 0 22px;text-align: left;}
.nav .pull-down2-a .son{width:250px;padding:0 20 0 22px;text-align: left;}
.nav .pull-down3-a .son{width:250px;padding:0 20 0 22px;text-align: left;}

#header2 {width: 100%;background-color: rgba(255,255,255,.4);position: fixed;top: 0px;left: 0px; z-index: 999; border-bottom: 1px solid #999;display: none;padding:5px 0;}

#header2 .header2-box{width: 94%;margin:0 auto;position: relative;}

#header2 .logo{float: left;}

#header2 .logo a{display: inline-block;}

#header2 .menu-btn{    display: block;

    width: 48px;

    height: 30px;

    position: absolute;

    right: 0px;

    top: 12px;

    cursor: pointer;}

#header2 .menu-btn .bt{position: relative;}

#header2 .menu-btn span{display: block; position: absolute;

    height: 2px;

    width: 48px;

    background: #e0dfdf;

    opacity: 1;

    left: 0;

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    transition: .25s ease-in-out;}

#header2 .menu-btn span:nth-child(1){top: 0;}  

#header2 .menu-btn span:nth-child(2){top: 8px;}  

#header2 .menu-btn span:nth-child(3){top: 16px;}  

#header2 .menu-btn span:nth-child(4){top: 24px;}  

#header2 .menu-btn span:nth-child(5){top: 32px;}

#header2 .menu-btn.open span:nth-child(1),#header2 .menu-btn.open span:nth-child(4),#header2 .menu-btn.open span:nth-child(5) {top: 8px;width: 0%;left: 13px;opacity: 0;}

#header2 .menu-btn.open span:nth-child(2) {-webkit-transform: rotate(45deg) translateY(4px) translateX(4px);transform: rotate(45deg) translateY(8px) translateX(6px);}

#header2 .menu-btn.open span:nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top:19px;}  

#header2 .menu-box{position: absolute;top: 62px;width: 100%;display: none;}

#header2 .menu-box li{width: 100%;background-color: rgba(0,0,0,.7);border-bottom: 1px solid #ccc;}

#header2 .menu-box li>a{padding:12px 0;font-size: 20px;color: #fff;display: block;width: 94%;margin:0 auto;}

#header2 .menu-box li:hover{background-color: #3583f8;}

#header2 .menu-box li:hover>a{color: #fff;}

#header2 .header2-language{width: 100%;padding-left: 20px;margin-top: 20px;}

#header2 .header2-language a{display: inline-block;margin-right: 12px;padding: 15px 30px;border: 1px solid #CCC;font-size: 13px;}

#header2 .header2-language a.active{background-color: #3583f8;color: #fff;}

/*====================header==============================*/

/*====================footer==============================*/

.footer{
	width: 100%;
	background-color: #333333;
	font-size: 14px;
	line-height: 17px;
	color: #fdfbfb;
	padding:30px 0 40px 0;
}


.footer h4{font-size: 20px;color: #fdfbfb;font-weight: bold;padding: 12px 0;}

.footer .footer-left{float: left;margin-right: 160px;width: 263px;}

.footer-left>ul li{margin-bottom: 10px;position: relative;padding-left: 23px;}

.footer-left>ul li>i{
	position: absolute;
	top: 8px;
	left: 0;
	width: 13px;
	height: 1px;
	background-color: #FFFFFF;
}

.footer-left>ul li>a{display: inline-block;}

.footer-left>ul li>a:hover{color: #fff;}

.footer .footer-mid{float: left;width: 274px;}

.footer-mid .flow-us>a{float: left;margin-right:26px;}

.footer-mid .flow-us>a:hover{background-position-y:-30px;}

.footer-mid .flow-us>a.fac{width: 32px;height: 28px;background: url(img/spirit.png) no-repeat -20px 0;}

.footer-mid .flow-us>a.twi{width: 28px;height: 28px;background: url(img/spirit.png) no-repeat -52px 0;}

.footer-mid .flow-us>a.vid{width: 30px;height: 28px;background: url(img/spirit.png) no-repeat -84px 0;}

.footer-mid .flow-us>a.fac:hover{background-position: -20px -30px;}

.footer-mid .flow-us>a.twi:hover{background-position: -52px -30px;}

.footer-mid .flow-us>a.vid:hover{background-position: -84px -30px;}

.footer-mid .contact-us{margin:16px 0;}

.contact-us>ul li{
	padding-left: 30px;
	position: relative;
	line-height: 24px;
	color: #FFFFFF;
	margin-bottom: 5px;
}

.contact-us>ul li>em{background:url(img/spirit.png) no-repeat;position: absolute;top: 0;left: 0;width: 20px;height: 20px;}

.contact-us>ul li.add em{background-position: 0px -60px;}

.contact-us>ul li.pho em{background-position: -23px -60px;}

.contact-us>ul li.fax em{background-position: -45px -60px;}

.contact-us>ul li.email em{background-position: -68px -60px;}

.footer-mid .about-us>ul li{position: relative;padding-left: 23px;}

.footer-mid .about-us>ul i{
	position: absolute;
	top: 8px;
	left: 0;
	width: 13px;
	height: 1px;
	background-color: #FFFFFF;
}

.footer-mid .contact-us>a{display: inline-block;}

.footer .footer-right{float: right;width: 420px;}

.footer-form{width: 100%;}

.footer-form .name{
	width: 193px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #4c4c4c;
	float: left;
	margin-right: 9px;
	background-color: #333333;
	color:#FFFFFF;
	padding-left: 7px;
}

.footer-form .email{
	width:193px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #4c4c4c;
	float: left;
	background-color: #333333;
	color:#FFFFFF;
	padding-left: 7px;
}

.footer-form .message{
	width: 96.5%;
	height: 98px;
	resize: none;
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #4c4c4c;
	margin-top: 13px;
	padding-left: 7px;
	font-size: 14px;
	font-family:'Open Sans Regular';
}

.footer-form .sub-btn{width: 98.5%;background-color:#3583f8;margin-top: 10px;height: 36px;color: #fff;cursor: pointer;text-align:center;line-height: 36px;font-size: 16px;}

.copy{width: 100%;}

.copy span{width: 100%;height: 70px;line-height: 70px;display: block;font-size: 16px;color: #323232;}

.copy span a{display: inline-block;height: 70px;line-height: 70px;font-size: 16px;color: #323232;}

.copy span a:hover{color: #3583f8;}

.search-header-box{background-color: #212121;}

.search-header-box .header{position: relative;}

/*====================footer==============================*/

/*===================index=============================*/

.main{background-color: #f5f5f5;}

.main .banner{position: relative;}

.main .banner .slideshow{width:100%;}

.main .banner .slideshow>ul{overflow: hidden;position: relative;}

.main .banner .slideshow>ul li{float: left;}

.main .banner .slideshow img{width: 100%;height: auto;}

.main .banner-text{width: 450px;position: absolute;top: 266px;left: 575px;}

.main .banner-text>h2{font-size: 42px;line-height: 48px;font-weight: bold;color: #ffffff;text-align: center;margin:0 auto;}

.main .banner-text>p{font-size: 16px;color: #ffffff;line-height: 28px;text-align: center;}

.main .slideshow li>a{display: block;position: relative;}

.main .slidelist{
	width: 150px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left:-68px;
}

.main .slidelist li{width: 20px;height: 20px;margin-right: 10px; background:url(img/spirit.png) no-repeat -162px -60px;float: left;cursor: pointer;}

.main .slidelist li.active{background-position: -142px -61px;}

.main .item-btn{width: 59px;height: 59px;background: url(img/spirit.png) no-repeat;position: absolute;display: none;overflow: hidden;-webkit-border-radius:50%;

-moz-border-radius:50%;

-ms-border-radius:50%;

-o-border-radius:50%;

border-radius:50%;}

.main .prev{background-position: -176px 0px;left: 30px;top: 50%;margin-top:-30px;}

.main .next{background-position: -236px 0px;right: 30px;top: 50%;margin-top: -30px;}

.main .prev:hover{background-position: -176px -178px;}

.main .next:hover{background-position: -235px -180px;}

.main .banner:hover .item-btn{display: block;}

.index-pro{padding:60px 0 60px 0;background-color: #F5F5F5;}



.index-pro .pro-top{margin-bottom: 50px;}



.index-pro .pro-top h2{width: 360px;height: 44px;padding:0 32px;font-size: 48px;color: #323232;text-align: center;margin:0 auto;font-weight: bold;border-right: 1px solid #3583f8;border-left: 1px solid #3583f8;line-height: 44px;margin-bottom: 34px;}



.index-pro .pro-top p{font-size: 16px;line-height: 24px;color: #646464;text-align: center;width: 788px;margin:0 auto;}



.index-pro .pro-main ul{width: 110%;}



/*.pro-main .slide-show .tempWrap{padding:20px 0  !important;}*/



.pro-main .slide-show .tempWrap>ul{padding:0px 0px 30px 10px !important;}



.pro-main .slide-show ul li{float: left;width: 379px;margin-right: 15px;position: relative;background-color: #fefdfd;text-align: center;padding:15px 15px 32px 15px;}



.pro-main .slide-show ul li:hover{-webkit-box-shadow:0 4px 4px 4px #cecece;




-moz-box-shadow:0 4px 4px 4px #cecece;



-ms-box-shadow:0 4px 4px 4px #cecece;



-o-box-shadow:0 4px 4px 4px #cecece;



box-shadow:0 4px 4px 4px #cecece;}



.pro-main .slide-show ul li:hover>em{display: block;}



.pro-main .slide-show ul li>em{width: 79px;height: 72px;position: absolute;top: 0;left: 0;background: url(/images/icon/spirit.png) no-repeat 0px -82px;display: none;}



.pro-main .slide-show ul li h3{font-size: 20px;line-height: 16px;color: #323232;text-align: center;font-weight: bold;text-transform: uppercase;margin: 15px 0;}



.pro-main .slide-show .pro_info{height: 88px;}



.pro-main .slide-show ul li p{font-size: 14px;color: #646464;text-align: center;}



.pro-main .slide-show ul li p>span{font-size: 14px;color: #646464;text-align: center;font-weight: bold;margin-right: 4px;}



.pro-more{margin:0 auto;width: 160px;margin-top: 24px;}

.pro-more p{font-size: 16px;color:#FFF;line-height:30px;font-family:"Open Sans Regular";}

/*.pro-more a.more{display: block;width: 160px;height: 38px;line-height: 60px;text-align: center;background-color: #FFF;border-radius: 4px;-webkit-border-radius:4px;margin-top: 38px;text-transform: uppercase;}*/

.pro-more .rect-btn{cursor:pointer;display:inline-block;padding:5px 0px;position:relative;line-height:1;overflow:hidden;min-width:160px;text-align:center;/*background-color: #FFF;*/-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;border: 1px solid #646464;}

.pro-more .rect-btn:hover{background-color: #3583f8;border: none;}

.pro-more .rect-btn p{ text-transform:uppercase; font-size:16px;position:relative;z-index:14;-webkit-transition-duration:.3s;transition-duration:.3s;display:inline;color:#666}

.pro-more .rect-btn svg{height:100%;left:0;position:absolute;top:0;width:100%}

.pro-more .rect-btn rect{fill:none;stroke-width:3;stroke-dasharray:315, 0;-webkit-transition:all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);-webkit-transition-delay:.1s;transition-delay:.1s}

.pro-more .rect-btn:after{background:#666;content:"";height:155px;left:-75px;opacity:.15;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 0ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 0ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:0}

.pro-more .rect-btn:before{content:" ";display:block;position:absolute;bottom:0px;height:2px;width:30px;left:50%;-webkit-transform:scaleX(0);transform:scaleX(0);margin-left:-15px;background:-webkit-linear-gradient(left, #FFF, #FFF);background:linear-gradient(to right, #FFF, #FFF);-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0;transition-delay:0;}

.pro-more .rect-btn:hover rect,.rect-btn.hvrd rect{stroke-width:5;stroke-dasharray:0, 210;stroke-dashoffset:8;-webkit-transition:all 1.05s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1.05s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0s;transition-delay:0s;}

.pro-more .rect-btn:hover:after,.rect-btn.hvrd:after{left:120%;-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}

.pro-more .rect-btn:hover:before,.rect-btn.hvrd:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-delay:.5s;transition-delay:.5s;}

.pro-more .rect-btn:hover p{color:#FFF;}

/*.pro-main .pro-more>a{display: inline-block;border: 1px solid #646464;font-size: 18px;color:#323232;text-align: center;height: 38px;line-height: 38px;width: 100%;}



.pro-main .pro-more>a:hover{background-color: #3583f8;color: #fff;border:none;}*/





/*.pro-email a.for-email{width: 102px;height: 38px;border: 1px solid #a0a0a0;border-right: none;}



.pro-email a.for-shou{width: 102px;height: 38px;border: 1px solid #a0a0a0;}



.pro-email a.for-email i{width: 30px;height: 20px;background: url(/images/icon/spirit.png) no-repeat -130px -30px;margin-top: 10px;}



.pro-email a.for-shou i{width: 25px;height: 25px;background: url(/images/icon/spirit.png) no-repeat -130px 0px;margin-top: 6px;}*/



.pro-main .slide-list{width: 622px;margin:0 auto;margin-top: 35px;}



.pro-main .slide-list>ul li{width: 92px;height: 5px; margin-right:16px;float: left;background-color: #323232;cursor: pointer;}



.pro-main .slide-list>ul li.active{background-color: #3583f8;}


.index-about{width: 100%;box-sizing: normal;background-color: #2f2d2d;}

.index-about .about-slide-box{position: relative;}

.index-about .about-left{width: 50%;float: left;}

.index-about .slide-show li{width: 100%; float: left;}

.index-about .slide-show li a{display: block;}

.index-about .slide-show li img{width: 100%;height: auto;}

.index-about .slide-list{
	width: 150px;
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	right: 14px;
	z-index: 99;
}

.index-about .slide-list ul{width: 110%;}

.index-about .slide-list li{float: left;width: 12px;height: 12px;border: 3px solid #fff;margin-right: 16px;}

.index-about .slide-list li.active{background-color: #3583f8;border:none;width: 18px;height: 18px;}

.index-about .about-right{width: 40.68%;float: left;padding: 1.06% 6.25% 0 3%;}

.index-about .about-right .right-title{position: relative;width: 550px;}

.about-right .right-title span{
	font-size: 100px;
	color: rgba(255,255,255,0.04);
	font-weight: bold;
	font-family: "Swis721 Blkcn";
}

.about-right .right-title h2{margin-bottom: 84px;font-size: 48px;color: #fdf9f9;text-align: left;font-weight: bold;position: absolute;top: 46px;left:0;}

.index-about .about-right p{
	font-size: 16px;
	color: #ebebeb;
	line-height:30px;
	margin-top: 1px;
}

.index-about .about-right p>a{font-weight: bold;color: #ebebeb;}

.index-about .about-right p>a:hover{color: #3583f8;}

.index-about .about-right .view-more{margin-top: 50px;}

.about-right .view-more a{display: block;width: 162px;height: 36px;line-height: 36px;color:#fff;font-size: 18px;/*background-color: #3583f8;*/text-align: center;border: 1px solid #fff;}

.about-right .view-more a:hover{background-color: #3583f8;border:none;}



.index-news{
	width: 100%;
	padding:0px 0 0px 0;
	background-color: #f5f5f5;
}

.index-news .news-top{width: 100%;height: 135px;background: url(img/news-top-bg.jpg) no-repeat;padding-top: 50px;}

.index-news .news-top h2{
	width: 126px;
	height: 44px;
	padding:0 26px;
	font-size: 48px;
	color: #323232;
	text-align: center;
	margin:0 auto;
	font-weight: bold;
	line-height: 44px;
	margin-bottom: 10px;
}

.index-news .news-show{float: left;}

.index-news .news-list{float: right;width: 590px;padding-right: 28px;}

.index-news .news-list li{margin-bottom: 19px;}

.index-news .news-list a{display: block;float: left;margin-right:10px;}

.news-list .list-text{float: left;width: 414px;height: 132px;overflow: hidden;padding-bottom:8px;}

.news-list .list-text h4>a{font-size: 16px;font-weight: bold;line-height: 22px;margin-bottom:12px;color: #323232;display: block;}

.news-list .list-text p>a{font-size: 16px;color: #646464;line-height: 22px;display: block;}



.index-news .news-top1{width: 100%;}
.index-news .news-top1 h2{width: 126px;height:34px;padding:0 38px;font-size: 38px;color: #323232;text-align: center;margin:0 auto;font-weight: bold;line-height: 34px;margin-bottom: 20px;}



.index-news .news-list1{float: right;width: 1144px;padding-right: 28px;}

.index-news .news-list1 li{
	margin-bottom: 39px;
}

.index-news .news-list1 li img{
width:165px;
margin-right:30px;
}
.index-news .news-list1 a{display: block;float: left;margin-right:10px;}

.news-list1 .list-text{float: left;width: 828px;height: 132px;overflow: hidden;padding-bottom:8px;}

.news-list1 .list-text h4>a{
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom:12px;
	color: #323232;
	display: block;
	margin-top: 20px;
}

.news-list1 .list-text p>a{font-size: 16px;color: #646464;line-height: 22px;display: block;}









.index-customers{width: 100%;background-color: #e3e3e3;padding:34px 0;}

.index-customers h2{width: 300px;height: 44px;padding:0 30px;font-size: 40px;color: #323232;text-align: center;margin:0 auto;font-weight: bold;line-height: 44px;margin-bottom: 34px;font-weight: bold;}

.index-customers .custom-slide-box{position: relative;padding:10px 0;}

.index-customers .custom-slide-box .slide-show{width: 100%;margin:0 auto;}

.custom-slide-box .slide-show li{float: left;margin-right: 6px;}

.custom-slide-box .slide-show li>i{display: block;background: url(img/spirit-01.png) no-repeat;width: 240px;height: 80px;}



.custom-slide-box .slide-show li .cus-01{background-position: 0 -145px;}

.custom-slide-box .slide-show li .cus-02{background-position: -240px -145px;}

.custom-slide-box .slide-show li .cus-03{background-position: -480px -145px;}

.custom-slide-box .slide-show li .cus-04{background-position: -720px -145px;}

.custom-slide-box .slide-show li .cus-05{background-position: -960px -145px;}

.custom-slide-box .slide-show li .cus-07{background-position: -1200px -145px;}

.custom-slide-box .slide-show li .cus-08{background-position: -1440px -145px;}

.custom-slide-box .slide-show li .cus-09{background-position: -1680px -145px;}

.custom-slide-box .slide-show li .cus-10{background-position: -1920px -145px;}

.custom-slide-box .slide-show li .cus-11{background-position: -2160px -145px;}

.custom-slide-box .slide-show li:hover i{background-position-y:-225px;}

.custom-slide-box .item{width: 14px;height: 24px;position: absolute;background: url(img/spirit.png) no-repeat;top: 50%;margin-top: -12px;}

.custom-slide-box .item.prev{left: 10px;background-position: -100px -60px;}

.custom-slide-box .item.next{right: 10px;background-position: -120px -60px;}

/*===================index=============================*/

/*===================pro-list=============================*/

.products-banner{position: relative;}

.products-banner>img{width: 100%;height: auto;}

.products-banner>h1{width: 532px;height: 93px;position: absolute;left:50%;top:50%;margin-left: -266px;margin-top: -46px;font-size: 118px;line-height: 93px;color: #fdfbfb;}

.pro-box{
	margin-top: 3px;
	margin-bottom: 60px;
}

.pro-list-box{
	float: left;
	width: 258px;
	background-color: #dfdfdf;
}

.pro-list-box>h3{height: 50px;line-height: 50px;background-color: #3583f8;border-bottom: 5px solid #0349b1;color: #fff;font-size: 20px;font-weight: bold;padding: 0 16px;}

.pro-list-box>ul>li.active{background-color: #e1e1e1;}

.pro-list-box>ul>li.active em{display: block;}

.pro-list-box>ul>li a{display: block;padding:14px 16px 8px 16px;}

.pro-list-box>ul>li{position: relative;}

.pro-list-box>ul>li:hover{background-color: #cdcccc; }

.pro-list-box>ul a span{color: #000103;font-size: 16px;}

.pro-list-box>ul a em{width: 10px;height: 20px;display: none;background: url(img/spirit.png) no-repeat -190px -60px;position: absolute;top: 50%;margin-top: -10px;right: 10px;}

.pro-content-box{float: right;width: 910px;}

.pro-content-box .pro-content ul{width: 110%;}

.pro-content-box .pro-content li{float: left;width: 290px;margin-right: 20px;margin-bottom: 20px;background-color: #fff;position: relative;}

.pro-content .content-main:hover span{color: #323232;}

.pro-content .content-main span{display: block;padding:16px 0 20px 0;line-height: 20px;text-transform: uppercase;text-align: center;font-family: "Swis721 Blkcn";}

.pro-content .pro-layer{position: absolute;top: 0;left: 0;width: 290px;height: 179px;background-color: rgba(0,0,0,.6);padding: 30px 0 42px 0;text-align: center;opacity: 0;transition: all .5s ease-out;}

.pro-content-box .pro-content li:hover .pro-layer{opacity: 1;}

.pro-content .pro-layer p{color: #fff;font-size: 14px;}

.pro-content .pro-layer span{color: #fff;margin-bottom: 5px;display: inline-block;font-size: 14px;line-height: 16px;font-weight: bold;margin-right: 4px;}

.pro-content .pro-layer .pro-more{text-align: center;margin-top: 20px;}



.get-quote{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);left: 0;top: 0;z-index: 999;display: none;}

.get-quote .form-box{width: 460px;position: absolute;top:50%;left: 50%;margin-top: -192px;margin-left: -250px;background-color: #fff;padding: 50px 20px 20px 20px;}



.get-quote .form-box .name,.get-quote .form-box .email,.get-quote .form-box .phone{width: 96%;background-color: rgba(10,7,1,0.3);color: #fff;height: 48px;padding-left: 16px;margin-bottom: 20px;}

.get-quote .form-box .message{height: 92px;resize: none;width: 96%;background-color: rgba(10,7,1,0.3);color: #fff;padding-left: 16px;margin-bottom: 20px;padding-top: 10px;font:13.3333px Arial; }

.get-quote .form-box .sub-btn{width: 99%;border: none;background-color: #3583f8;line-height: 50px;font-size: 16px;color: #fff;text-align: center;cursor: pointer;}

.get-quote .form-box em{position: absolute;cursor: pointer;width: 16px;height: 18px;background:url(img/spirit.png) no-repeat -4px -36px;top: 16px;right: 16px;}



/*===================pro-list=============================*/

/*===================pro-art=============================*/

.pro-header-box{background-color: #212121;}

.pro-header-box .header{position: relative;}

.feature-box{background-color: #eeeeee;padding:15px 0 60px 0;}

.feature-box .article-slide{float: left;width: 47.16%;margin-right:50px;/*overflow: hidden;*/}

.feature-box .article-slide .slideshow{overflow: hidden;}

.article-slide .slidelist{position: relative;}

.article-slide .slidelist .arrow{background: url(img/spirit.png) no-repeat;width: 14px;height: 24px;position: absolute;}

.article-slide .slidelist .prev{background-position: -98px -60px;left: -20px;top:50%;margin-top:-12px;}

.article-slide .slidelist .next{background-position: -118px -60px;top:50%;margin-top:-12px;right: -20px;}

.article-slide .slide-list{overflow: hidden;}

.article-slide .slide-list li{float: left;margin-right: 10px;}

.feature-box .feature{float: left;width: 46.08%;}

.feature>h3{padding: 10px 0 10px 0;font-size: 20px;color: #323232;text-transform: uppercase;border-bottom: 1px solid #c6c6c6;}

.feature .feature-content{width: 100%;padding: 22px 0 50px;}
.feature .feature-content p{line-height: 30px;}
.feature .feature-content p>span{font-weight: bold;color: #323232;margin-right: 10px;}
.feature-quotes .rect-btn{cursor:pointer;display:inline-block;padding:10px 0px;position:relative;line-height:1;overflow:hidden;min-width:180px;text-align:center;background-color: #3583f8;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.feature-quotes .rect-btn:hover{background-color: #fff;border: 1px solid #333;}
.feature-quotes .rect-btn p{ text-transform:uppercase; font-size:16px;position:relative;z-index:14;-webkit-transition-duration:.3s;transition-duration:.3s;display:inline;color:#fff;}
.feature-quotes .rect-btn svg{height:100%;left:0;position:absolute;top:0;width:100%}
.feature-quotes .rect-btn rect{fill:none;stroke-width:3;stroke-dasharray:315, 0;-webkit-transition:all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);-webkit-transition-delay:.1s;transition-delay:.1s}
.feature-quotes .rect-btn:after{background:#666;content:"";height:155px;left:-75px;opacity:.15;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 0ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 0ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:0}
.feature-quotes .rect-btn:before{content:" ";display:block;position:absolute;bottom:0px;height:2px;width:30px;left:50%;-webkit-transform:scaleX(0);transform:scaleX(0);margin-left:-15px;background:-webkit-linear-gradient(left, #FFF, #FFF);background:linear-gradient(to right, #FFF, #FFF);-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0;transition-delay:0;}
.feature-quotes .rect-btn:hover rect,.rect-btn.hvrd rect{stroke-width:5;stroke-dasharray:0, 210;stroke-dashoffset:8;-webkit-transition:all 1.05s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1.05s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0s;transition-delay:0s;}
.feature-quotes .rect-btn:hover:after,.rect-btn.hvrd:after{left:120%;-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}
.feature-quotes .rect-btn:hover:before,.rect-btn.hvrd:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-delay:.5s;transition-delay:.5s;}
.feature-quotes .rect-btn:hover p{color:#323232;}

/*.feature .bt{width: 214px;height: 50px;display: block;color: #fffefe;font-size: 18px;text-align: center;background-color: #3583f8;line-height: 50px;}*/

.parameters-box{background: #ffffff;padding:64px 0 70px 0;}

.parameters-box .application{margin-bottom: 60px;}

.parameters-box .application p{line-height: 30px;}

.parameters-box .application h3,.parameters-box .parameter h3,.parameters-box .special-feature h3{font-size: 24px;line-height: 30px;color: #323232;font-weight: bold;margin-bottom: 20px;}

.parameters-box .parameter table{border: 1px solid #a0a0a0;text-align: center;font-size: 14px;width: 100%;}

.parameters-box .parameter .table-bg{background-color: #e5e5e5;}

.parameters-box .parameter td{border-right: 1px solid #a0a0a0;height: 42px;line-height: 42px;padding:0 5px;}



.related-box{width: 100%;background-color: #eeeeee;padding: 55px 0 50px 0;}

.related-box .title{text-align: center;position: relative;margin-bottom: 30px;}

.related-box .title>span{font-size: 81px;color: rgba(0,0,0,0.04);font-weight: bold;font-family:"Swis721 Blkcn"; }

.related-box .title>h2{position: absolute;top:20px;left: 50%;margin-left: -230px;}

.related-box .title .s1{width: 1px;height: 44px;background-color: #3583f8;display: inline-block;}

.related-box .title .s2{font-size: 48px;color:#333333;margin:0 26px;display: inline-block;font-weight: bold;}

.related-slide-box .related-show .pro_info{height: 88px;}

.related-slide-box .related-show ul{width: 110%;}

.related-show ul li{float: left;width: 379px;margin-right: 35px;position: relative;background-color: #fff;text-align: center;padding: 15px 15px 32px 15px;}

.related-show ul li:hover{-webkit-box-shadow:0 4px 4px 4px #cecece;

-moz-box-shadow:0 4px 4px 4px #cecece;

-ms-box-shadow:0 4px 4px 4px #cecece;

-o-box-shadow:0 4px 4px 4px #cecece;

box-shadow:0 4px 4px 4px #cecece;}

.related-show ul li:hover>em{display: block;}

.related-show ul li>em{width: 79px;height: 72px;position: absolute;top: 0;left: 0;background: url(img/spirit.png) no-repeat 0px -82px;display: none;}

.related-show ul li h3{font-size: 20px;line-height: 16px;color: #323232;text-align: center;font-weight: bold;text-transform: uppercase;margin-bottom: 16px;padding-top: 10px;}

.related-show li p{font-size: 14px;color: #646464;text-align: center;}

.related-show .pro-email{margin:0 auto;width: 208px;margin-top: 24px;}

.related-show .pro-email>a{float: left;text-align: center;}

.related-show .pro-email>a i{display: inline-block;}

.pro-email a.for-email{width: 102px;height: 38px;/*background-color: #3583f8;*/border: 1px solid #a0a0a0;border-right: none;}

.pro-email a.for-email:hover{background-color: #3583f8;}

.pro-email a.for-email:hover i{background-position: -8px -211px;}

.pro-email a.for-shou{width: 102px;height: 38px;border: 1px solid #a0a0a0;}

.pro-email a.for-shou:hover{background-color: #3583f8;}

.pro-email a.for-shou:hover i{background-position: -8px -180px;}

.pro-email a.for-email i{width: 30px;height: 20px;background: url(img/spirit.png) no-repeat -130px -30px;margin-top: 10px;}

.pro-email a.for-shou i{width: 25px;height: 25px;background: url(img/spirit.png) no-repeat -130px 0px;margin-top: 6px;}





/*===================pro-art=============================*/

/*===================about=============================*/





.main-banner,.main-banner img{width:100%;height:auto;margin:0 auto;z-index:1;}

.main{width:100%;overflow:hidden;background:#fff;}

.copywriter{
	padding: 24px 68px 10px;
	text-align: left;
}

.line-h{
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

.copywriter p{font-size: 18px;font-family:'Open Sans Regular';color: #646464;}

.about-slide-item{overflow: hidden;width: 100%;height: auto;margin-top: 64px;}

.about-slidebox-item{width: 50%;height: auto;position:relative;overflow:hidden;}

.about-slidebox-left{float:left;position: relative;}

.about-slidebox-left li img{width: 100%;height: auto;}

.about-slidebox-right{float:left;position: relative;}

.about-slidebox-right li img{width: 100%;height: auto;}

.pro-index-slidelist,.about-index-slidelist,.about-slidelist-item{width:100%;text-align:center;position: absolute;bottom: 15px;}

.pro-index-slidelist li,.about-index-slidelist li,.about-slidelist-item li{width:16px;height:16px;background:url(img/spirit.png) no-repeat -145px -84px;display:inline-block;margin-right:8px;cursor:pointer;}

.pro-index-slidelist li.active,.about-index-slidelist li.active,.about-slidelist-item li.active{background-position:-164px -84px;}

.about-certification{width:100%;overflow:hidden;padding:60px 0 60px;text-align:center;}

.certification-wrap{padding-bottom:90px;}

.dg-container{width:1070px;height:594px;position:relative;margin:0 auto;}

.dg-wrapper{width:400px;height:100%;margin:0 auto;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px;z-index:10;}

.dg-wrapper ul{width:100%;height:100%;}

.dg-wrapper li{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-box-shadow:0px 5px 30px rgba(0,0,0,0.2);-moz-box-shadow:0px 10px 30px rgba(0,0,0,0.2);-o-box-shadow:0px 10px 30px rgba(0,0,0,0.2);-ms-box-shadow:0px 10px 30px rgba(0,0,0,0.2);box-shadow:0px 10px 30px rgba(0,0,0,0.2);z-index:5;}

.dg-wrapper li img{width:100%;height:auto;}

.dg-wrapper li.dg-transition{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

.dg-item{width:61px;height:61px;background-image:url(img/spirit.png);background-repeat:no-repeat;float:left;margin:0 10px;cursor:pointer;z-index: 997;}

.dg-nav{width:104px;overflow:hidden;margin:60px auto 0;}

.dg-prev{background-position:-86px -110px;position: absolute;left: 0;top: 50%;}

.dg-next{background-position:-160px -110px;position: absolute;right: 0;top: 50%;}



.ce-h{margin-top: 30px;}



/*===================about=============================*/

/*===================contact=============================*/

.contact-header-box{background-color: #212121;}

.contact-header-box .header{position: relative;}

.contact-box{width: 100%;position: relative;}

.contact-box  .touch-box{
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -575px;
	width: 1100px;
}

.contact-box img{width: 100%;height: auto;}

.contact-box .get-touch{
	width: 38%;
	float: left;
	padding:0px 25px 26px 45px;
	background-color: rgba(10,7,1,.5);
	margin-right: 100px;
}

.contact-box .get-touch h2{font-size: 48px;color: #fff;margin:20px 0 24px 0;}

.contact-box .get-touch h3{font-size: 20px;color: #fff;margin-bottom: 8px;margin-top: 24px;}

.contact-box .get-touch p{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.contact-box .get-touch p>a{color: #fff;}

.contact-box .send-info{width: 39.3%;float: left;}

.contact-box .send-info .name,.contact-box .send-info .email,.contact-box .send-info .phone{width: 100%;border: 1px solid #767676;background-color: rgba(10,7,1,0.5);color: #fff;height: 48px;padding-left: 16px;margin-bottom: 20px;}

.contact-box .send-info .message{
	height: 190px;
	resize: none;
	width: 100%;
	border: 1px solid #767676;
	background-color: rgba(10,7,1,0.5);
	color: #fff;
	padding-left: 16px;
	margin-bottom: 20px;
	padding-top: 10px;
	font:13.3333px Arial;
}

.contact-box .send-info .sub-btn{width: 104%;border: none;background-color: #3583f8;line-height: 50px;font-size: 16px;color: #fff;text-align: center;cursor: pointer;}

.contact-copy{width: 100%;text-align: center;background-color: #f8f8f8;}

.contact-copy>p{line-height: 70px;}

/*===================contact=============================*/

/*===================case-list=============================*/

.case-introduction{padding-top:50px;}

.case-banner>img{width: 100%;height: auto;}

.case-introduction h2{font-size: 30px;color: #333333;margin-bottom: 40px;}

.case-introduction ul{}

.case-introduction>ul li{width: 49.5%;float: left;margin-bottom: 40px;}

.case-introduction>ul li .intro-img{width: 200px;float: left;position: relative;}

.case-introduction .intro-img>i{position: absolute;width: 178px;height: 178px;border: 1px solid #e6e6e6;background-color: transparent;top:10px;left: 10px;display: none;}

.case-introduction>ul li .intro-info{width: 348px;float: right;padding:8px 23px 8px 22px;}

.case-introduction .intro-info>h3{margin-bottom: 30px;font-size: 24px;color: #333;} 

.case-introduction .intro-info>p{font-size: 14px;line-height: 24px;color: #323232;margin-bottom:13px;height: 70px;}

.case-introduction .intro-info>a{display: block;width: 50px;height: 16px;background: url(img/case-arrow.png) no-repeat #cccccc 18px 4px;}

.case-introduction>ul li:hover .intro-img>i{display: block;}

.case-introduction>ul li:hover .intro-info{box-shadow: 5px 5px 5px #d0d0d0;}

.case-introduction>ul li:hover .intro-info>a{background-color: #62b831;}

.common-problem{margin-top: 80px;margin-bottom: 80px;}

.common-problem h2{margin-bottom: 38px;font-size: 30px;color: #333333;margin-bottom: 40px;text-align: left;}

.common-problem>ul li{padding:31px 330px 35px 78px;position: relative;box-shadow: 5px 5px 5px #dbdbdb;background-color: #fff;margin-bottom: 30px;}

.common-problem>ul li>em{position: absolute;width: 40px;height: 40px;background:url(img/case-pro.png) no-repeat;top: 30px;left: 21px;}

/*===================case-list=============================*/

/*===================news-list=============================*/

.news-box .news-content{
	padding-top: 20px;
}

.news-banner>img{width: 100%;height: auto;}

.news-box .news-content h2{width: 70px;font-size: 48px;line-height: 70px;border-bottom: 1px solid #333;margin-bottom: 40px;}

.news-box .news-content>p{font-size: 14px;margin-bottom: 40px;padding-bottom:40px;border-bottom: 1px dashed #333;}

.news-content ul{width: 110%;}

.news-content>ul li{
	width: 85%;
	float: left;
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #999;
	margin-right:20px;
}

.news-content li .news-img{width: 200px; margin-right:20px;float: left;}

.news-content li .news-info{
	width: 80%;
	float:left ;
	padding:8px 0px 0px 0px;
}

.news-content .news-info>h3{font-size: 24px;color: #333;height: 60px;}

.news-content .news-info>p{
	font-size: 14px;
	line-height: 24px;
	color: #323232;
	margin-bottom:13px;
}

.news-content .news-info .more{width: 80px;height: 26px;display: block;background-color: #999;border-radius:5px;color: #fff;font-size: 12px;text-align: center;line-height: 26px;}

.news-content .news-info .more:hover{background-color: #3583f8;}

.news-content .news-img img{transition: all .3s ease-out;}

.news-content .news-img img:hover{transform: scale(1.1,1.1);}

/*===================news-list=============================*/




/*===================news-art=============================*/

/*===================case-art=============================*/

.case-detail{padding:40px 0;}

.case-detail .con-left{    width: 800px;

    float: left;

    min-height: 300px;

}

.case-detail .con-left h1{font-size: 22px;

    font-weight: 500;

    padding-bottom: 35px;

    color: #333;

    text-transform: none;}

.case-detail .con-left p{    line-height: 22px;

    padding-bottom: 18px;

    font-size: 14px;

    color: #333;}

.case-detail .con-right{    width: 300px;

    float: right;

    border: 1px solid #CCC;

    padding-bottom: 20px;}

.case-detail .con-right h2{    line-height: 35px;

    background-color: #E1E1E1;

    font-size: 16px;

    padding-left: 12px;

    font-weight: 500;

    text-transform: none;}

.case-detail .con-right ul{padding:20px 0;}

.case-detail .con-right ul li p a{    display: block;

    line-height: 24px;

    border-bottom: 1px dashed #CCC;

    padding: 10px 0px;

    color: #000;

    padding-left: 10px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 13px;}

.case-detail .con-right .view-more a{display: block;

    width: 100px;

    height: 30px;

    background-color: #999;

    text-align: center;

    float: right;

    margin: 15px 6.6% 0 0;

    line-height: 30px;

    font-size: 13px;

    color: #FFF;

    border-radius: 4px;

    -webkit-transition: all .8s ease-out;

    -moz-transition: all .8s ease-out;

    -ms-transition: all .8s ease-out;

    -o-transition: all .8s ease-out;

    transition: all .8s ease-out;} 

    .subpage{padding: 54px 0px 50px 0px;} 

/*===================case-art=============================*/







/*-------------------keyframes---------------------------*/

@-webkit-keyframes imgshow {

    0% {opacity: 0;}

	25% {opacity: 0.15;}

	50% {opacity: 0.25;}

	75% {opacity: 0.35;}

	100% {opacity: 1;}

}

@keyframes imgshow {

     0% {opacity: 0;}

    25% {opacity: 0.15;}

    50% {opacity: 0.25;}

    75% {opacity: 0.35;}

    100% {opacity: 1;}

}

@-webkit-keyframes ser-box{

    0%{transform:translateY(100px);}

	100% {transform:translateY(0px);}

}

@keyframes ser-box{

    0%{transform:translateY(100px);}

	100% {transform:translateY(0px);}

}

@-webkit-keyframes float{

    0%{transform:translateY(-87px);}

	100% {transform:translateY(0px);}

}

@keyframes float{

    0%{transform:translateY(-87px);}

	100% {transform:translateY(0px);}

}

@-webkit-keyframes top{

    0%{transform:translateY(-100px);}

	100% {transform:translateY(0px);}

}

@keyframes top{

    0%{transform:translateY(-100px);}

	100% {transform:translateY(0px);}

}

@-webkit-keyframes bottom{

    0%{transform:translateY(100px);}

	100% {transform:translateY(0px);}

}

@keyframes bottom{

    0%{transform:translateY(100px);}

	100% {transform:translateY(0px);}

}

@-webkit-keyframes bottom2{

    0%{transform:translateY(296px);}

	100% {transform:translateY(0px);}

}

@keyframes bottom2{

    0%{transform:translateY(296px);}

	100% {transform:translateY(0px);}

}

@-webkit-keyframes right{

    0%{transform:translateX(300px);opacity: 0;}

   15%{transform:translateX(260px);opacity: 1;}

    30%{transform:translateX(220px);opacity: 1;}

    45%{transform:translateX(180px);opacity: 1;}

    60%{transform:translateX(140px);opacity: 1;}

    75%{transform:translateX(100px);opacity: 1;}

    90%{transform:translateX(60px);opacity: 1;}

    100%{transform:translateX(0px);opacity: 1;}

}

@keyframes right{

    0%{transform:translateX(300px);opacity: 0;}

   15%{transform:translateX(260px);opacity: 1;}

    30%{transform:translateX(220px);opacity: 1;}

    45%{transform:translateX(180px);opacity: 1;}

    60%{transform:translateX(140px);opacity: 1;}

    75%{transform:translateX(100px);opacity: 1;}

    90%{transform:translateX(60px);opacity: 1;}

    100%{transform:translateX(0px);opacity: 1;}

}

@-webkit-keyframes left{

    0%{transform:translateX(-300px);opacity: 0;}

   15%{transform:translateX(-260px);opacity: 0;}

    30%{transform:translateX(-220px);opacity: 1;}

    45%{transform:translateX(-180px);opacity: 1;}

    60%{transform:translateX(-140px);opacity: 1;}

    75%{transform:translateX(-100px);opacity: 1;}

    90%{transform:translateX(-60px);opacity: 1;}

    100%{transform:translateX(0px);opacity: 1;}

}

@keyframes left{

   0%{transform:translateX(-300px);opacity: 0;}

   15%{transform:translateX(-260px);opacity: 0;}

    30%{transform:translateX(-220px);opacity: 1;}

    45%{transform:translateX(-180px);opacity: 1;}

    60%{transform:translateX(-140px);opacity: 1;}

    75%{transform:translateX(-100px);opacity: 1;}

    90%{transform:translateX(-60px);opacity: 1;}

    100%{transform:translateX(0px);opacity: 1;}

}

@-webkit-keyframes abouts{

    0%{transform:translateY(0px);}

	100% {transform:translateY(400px);}

}

@keyframes abouts{

    0%{transform:translateY(0px);}

	100% {transform:translateY(400px);}

}

@-webkit-keyframes scale{

    0%{transform:scale(0.3);}

	100% {transform:scale(1);}

}

@keyframes scale{

    0%{transform:scale(0.3);}

	100% {transform:scale(1);}

}

@-webkit-keyframes rates{

    0%{transform:rotateY(90deg);}

	100% {transform:rotateY(0deg);}

}

@keyframes rates{

    0%{transform:rotateY(90deg);}

	100% {transform:rotateY(0deg);}

}

@-webkit-keyframes con1 {

	0% {-webkit-transform: translateX(40px) rotateY(180deg);}

	100%{-webkit-transform: translateX(0px) rotateY(0deg);}

}

@keyframes con1 {

	0% {-webkit-transform: translateX(40px) rotateY(180deg);}

	100%{-webkit-transform: translateX(0px) rotateY(0deg);}

}

@-webkit-keyframes con2 {

	0% {-webkit-transform: translateX(-40px) rotateY(-180deg);}

	100%{-webkit-transform: translateX(0px) rotateY(0deg);}

}

@keyframes con2 {

	0% {-webkit-transform: translateX(-40px) rotateY(-180deg);}

	100%{-webkit-transform: translateX(0px) rotateY(0deg);}

}

/*@-webkit-keyframes abouts {

	0% {-webkit-transform: scale(1); opacity:1;}

	100%{-webkit-transform: scale(0); opacity:0;}

}

@keyframes abouts {

	0% {-webkit-transform: scale(1);  opacity:1;}

	100%{-webkit-transform: scale(0); opacity:0;}

}*/

@-webkit-keyframes rates{

	0%{transform:rotate(0deg);}

    100%{transform:rotate(360deg);}

}

@keyframes rates{

	0%{transform:rotate(0deg);}

    100%{transform:rotate(360deg);}

}



@-webkit-keyframes rates2{

	0%{transform:rotate(0deg);}

    100%{transform:rotate(7200deg);}

}

@keyframes rates2{

	0%{transform:rotate(0deg);}

    100%{transform:rotate(7200deg);}

}

@-webkit-keyframes opacityi{

    0%{opacity: 1;}

	100%{opacity: 1;}

}

@keyframes opacityi{

	0%{opacity: 1;}

	100%{opacity: 1;}

}

@-webkit-keyframes line-height{

	0%{opacity: 1;height:0;}

    100%{opacity: 1;height:194px;}

}

@keyframes line-height{

	0%{opacity: 1;height:0;}

	100%{opacity: 1;height:194px;}

}

@-webkit-keyframes line-height2{

	0%{opacity: 1;width:0;}

    100%{opacity: 1;width: 94.38%;}

}

@keyframes line-height2{

	0%{opacity: 1;width:0;}

	100%{opacity: 1;width: 94.38%;}

}

@-webkit-keyframes intercom{

	0%{transform:scale(0);}

    100%{transform:scale(1);opacity: 1;}

}

@keyframes intercom{

	0%{transform:scale(0);}

    100%{transform:scale(1);opacity: 1;}

}

@-webkit-keyframes intercom-round {

    0% {transform: scale(1); opacity:0.2;}

    25% {transform: scale(1.2); opacity:0.4;}

    50% {transform: scale(1.8); opacity:0.7;}

    75% {transform: scale(2.4); opacity:0.4;}

    99%{transform: scale(3);opacity:0;}

    100%{transform: scale(0.2);opacity:0;}

}

@keyframes intercom-round {

	0% {transform: scale(1); opacity:0.2;}

	25% {transform: scale(1.2); opacity:0.4;}

	50% {transform: scale(1.8); opacity:0.7;}

	75% {transform: scale(2.4); opacity:0.4;}

	99%{transform: scale(3);opacity:0;}

	100%{transform: scale(0.2);opacity:0;}

}

@-webkit-keyframes intercom-round2 {

	0% {transform: scale(1); opacity:0.2;}

	25% {transform: scale(2); opacity:0.4;}

	50% {transform: scale(3); opacity:0.7;}

	75% {transform: scale(4); opacity:0.4;}

	99%{transform: scale(6);opacity:0;}

	100%{transform: scale(1);opacity:0;}

}

@keyframes intercom-round2 {

	0% {transform: scale(1); opacity:0.2;}

	25% {transform: scale(2); opacity:0.4;}

	50% {transform: scale(3); opacity:0.7;}

	75% {transform: scale(4); opacity:0.4;}

	99%{transform: scale(6);opacity:0;}

	100%{transform: scale(1);opacity:0;}

}



/*==================================

????????????

==================================*/

@media only screen and (min-width:1920px){

.custom-slide-box .tempWrap{width: 98%;margin:0 auto;}

}

@media only screen and (max-width:1601px){



    

 }

@media only screen and (max-width: 1400px){

.header .nav{margin:0;}
.header.flow .nav{margin:0;}
.header .search{float: left;}
.footer .footer-left{margin-right: 0px;}

}

@media only screen and (max-width: 1364px){

.about-right .right-title span{font-size: 100px;}

.index-about .about-right{padding-top: 1.06%;}

}



@media only screen and (max-width:1280px){

.pro-main .slide-show .tempWrap{width:848px !important;margin:0 auto;}

}

@media only screen and (max-width:1200px){

   

    .line-h{font-size: 42px;}   

    .copywriter p{width: 100%;font-size: 16px;}

    .pro-list-box{width: 21.5%;}

    .pro-content-box{width: 77%;}

}



@media only screen and (max-width: 1176px){

    body img{width: 100%;height: auto;}

    body{background-size: 100% auto;}

	.w1200{width: 94%;}

    .footer .footer-right{float: left;width: 364px;}

    .footer-form .name{width: 165px;}

    .footer-form .email{width: 165px;}

/*    .index-pro .pro-main ul{width: 100%;}

.pro-main .slide-show>ul li{margin-right: 14px;width: 31%;}*/

.index-about .about-right{padding-top:0;}

.about-right .right-title span{font-size: 60px;}

.about-right .right-title h2{font-size: 38px;top: 28px;}

.index-about .about-right p{line-height: 24px;}

.index-about .about-right .view-more{margin-top:5px;}

.contact-box .get-touch h2{font-size: 26px;margin-bottom: 20px;}

.contact-box .send-info .name, .contact-box .send-info .email, .contact-box .send-info .phone{margin-bottom: 10px;}

.contact-box .send-info .message{margin-bottom: 10px;}

.index-news .news-list{width: 49%;}
.index-news .news-list1{width: 90%;}

.index-news .news-show{width: 41%;}

.news-list .list-text{width: 50%;}
.news-list1 .list-text{width: 90%;}






}

@media only screen and (max-width: 1160px){

    

}

@media only screen and (max-width: 1118px){

    

}

@media only screen and (max-width: 1100px){

    .dg-container{width: 98%;}

   

}

@media only screen and (max-width: 1035px){

   

}

@media only screen and (max-width: 980px){

body{padding-top: 60px !important;}

body,html{width: 100%;overflow-x:hidden;}

.header{display: none;}

#header2{display: block;}

h2{font-size: 20px !important;padding:10px 0;}



.footer .footer-left{width: 100%;}

.footer .footer-left>ul>li{float: left;}

.footer .footer-mid{width: 100%;}

.footer .footer-right{width: 100%;}

.footer-mid .contact-us{margin:5px 0;overflow: hidden;}

.contact-us>ul>li{float:left;}

.footer-form .name{width: 47%;}

.footer-form .email{width: 47%;}

.copy span,.copy span a{height:20px;line-height: 20px; font-size: 12px;}

.index-pro{padding:20px 0;}

.index-pro .pro-top{margin-bottom: 10px;}

.index-pro .pro-top h2{width: 230px;height: 24px;line-height: 24px;margin-bottom: 10px;}

.pro-main .slide-list{width: 80%;margin-top: 20px;}

.index-news .news-show{float: none;}

.index-news .news-list{width: 100%;float:none;margin-top:20px;}

.news-list .list-text{width: 70%;}
.news-list1 .list-text{width: 90%;}

.news-list .list-text{height: auto;}

.index-news{padding:50px 0;}

.index-news .news-top{height: 50px;padding-top: 0;}

.contact-box .get-touch{margin-right: 20px;padding:0 10px;}

.contact-box .get-touch h2{margin-bottom: 10px;}

.contact-box .get-touch h3{font-size: 16px;margin-bottom: 5px;}

.contact-box .get-touch p{font-size: 14px;margin-bottom: 5px;}

.contact-box .send-info .name, .contact-box .send-info .email, .contact-box .send-info .phone{height: 30px;}

.contact-box .send-info .message{height: 60px;}

.index-about .about-left{width: 100%;float: none;}

.index-about .slide-show li{width: 100%;}

.index-about .about-right{width: 96%;float: none;padding:20px 20px;}

.about-right .right-title span{font-size: 80px !important;}

.feature>h3{padding:30px 0;}

.feature .feature-content{padding:40px 0;}

.contact-box  .touch-box{width: 800px;margin-left: -400px;}

.related-box span{font-size: }











} 

@media only screen and (max-width: 836px){



.pro-main .slide-show .tempWrap{width:422px !important;margin:0 auto;}

}

@media only screen and (max-width: 834px){

.pro-list-box{width: 32%;}

.pro-content-box{width: 60%;}

}

@media only screen and (max-width: 800px){

   /* .pro-main .slide-show>ul li{width: 100%;float: none;margin-bottom: 10px;}*/

    .pro-main .slide-list{display: none;}

    .copywriter{padding: 40px 0px 10px;}

    .line-h{font-size: 36px;}

    .copywriter p{width: 100%;font-size: 14px;}

    .about-slidebox-item{width: 100%;}

    .feature-box .article-slide{width: 94%;float: none;}

    .feature-box .feature{width: 100%;float: none;}

    .contact-box  .touch-box{width: 600px;margin-left: -300px;}

    .related-box .title{margin-bottom: 20px;}

    .related-box .title>span{font-size: 60px;}

    .index-pro .pro-top p{width: auto;line-height: 18px;}



}

@media only screen and (max-width: 648px){

    .news-list .list-text{width: 60%;}

   .news-list .list-text h4>a{font-size: 14px;line-height: 16px;}

    .news-list .list-text p>a{font-size: 12px;line-height: 14px;}

    .news-list .list-text{height: auto;}
	
	
	
	    .news-list1 .list-text{width: 90%;}

   .news-list1 .list-text h4>a{font-size: 14px;line-height: 16px;}

    .news-list1 .list-text p>a{font-size: 12px;line-height: 14px;}

    .news-list1 .list-text{height: auto;}
	
	
	
	
	
	

    .index-news .news-top{margin:20px 0;height: 40px;padding-top: 0;}

.index-news{padding:20px 0;}

.contact-box .touch-box{position: relative;top: 0;left: 0;margin-top: 10px;}

.contact-box .get-touch{width: 98%;margin-bottom: 10px;}

.contact-box .send-info{width: 98.5%;}

.contact-copy>p{line-height: 30px;}

.products-banner>h1{display: none;}

.contact-box  .touch-box{position: relative;top: 0;left:0;margin:0;width: 100%;}





   

}

@media only screen and (max-width: 500px){

    .footer-form .name{width: 97%;float: none;margin-bottom: 5px;}

    .footer-form .email{width: 97%;float: none;}

    .footer-form .message{margin-top: 5px;}

    .line-h{font-size: 30px;}

    .news-list .list-text{width: 100%;}

    .news-list .list-text h4>a{font-size: 14px;line-height: 16px;}

    .news-list .list-text p>a{font-size: 12px;line-height: 14px;}
    .news-list1 .list-text{width: 90%;}

    .news-list1 .list-text h4>a{font-size: 14px;line-height: 16px;}

    .news-list1 .list-text p>a{font-size: 12px;line-height: 14px;}


    .index-news .news-list a{display: none;}

    .index-customers h2{width: 200px;height: 30px;line-height: 30px;margin-bottom: 20px;}

    .index-about .about-right p{display: none;}

    .pro-list-box{width: 100%;float: none;}

    .pro-content-box{width: 100%;float: none;}

    .pro-content-box .pro-content li{width: auto;float: none;margin-right: 0;}

    .pro-content .pro-layer{width: 100%;height: 63%;}

    .pro-box{margin-top: 20px;}

    .pro-list-box>ul>li a{padding:8px 16px;}

    .get-quote .form-box{width: 240px;margin-left:-120px;padding:50px 10px 10px 10px;}

    .get-quote .form-box .name, .get-quote .form-box .email, .get-quote .form-box .phone{width: 94%;}

    .get-quote .form-box .message{width: 94%;}

    .related-box .title .s2{font-size: 28px;}

.related-box .title .s1{height: 26px;}

.related-box .title>span{display: none;}

.related-box .title>h2{position: relative;margin:0;top: 0;left:0;}

.related-box{padding:40px 0;}

.certification-wrap{padding-bottom: 5px;}

.index-pro .pro-top h2{width: 200px;}

.index-news .news-top h2{height: 30px;line-height: 30px;}



 

}

@media only screen and (max-width: 379px){

    .pro-main .slide-show .tempWrap{width:320px !important;margin:0 auto;}

    .pro-main .slide-show ul li{width: 286px;}

    .related-slide-box .related-show ul li{width: 300px;}

    .dg-wrapper li img{width: 300px !important;height: 400px !important;}

    .dg-wrapper{width: 320px;height: auto;}

    .dg-container{height: 400px;}

    .pro-main .slide-show .tempWrap>ul{padding:0 !important;}
    .pro-list-box>ul a span{font-size: 14px;}
    .pro-list-box>ul>li a{padding:5px 16px;}

}
.footer a{
color:#FFFFFF;
}

.footer a:hover{
	color: #3583f8;
}
div.page1 {
	PADDING:8px;
	MARGIN: 3px;
	TEXT-ALIGN: center;
	clear:both;
	
}
div.page1 A {
	border:#3583f8 1px solid;
	padding:2px 5px;
	margin:2px;
	color:#3583f8;;
    background:#fbfdfe;
	text-decoration:none;
}
div.page1 A:hover {
	color:#fff;
	background:#3583f8;
	text-decoration:none;
	border:#3583f8 1px solid;
}