/* ============容器============== */
*{font-family:'microsoft yahei',Verdana, Arial}
html{overflow-y:scroll;}
body{margin:0;padding:0;border:0;height:100%;text-align:left} 
#contain{position: relative;height:100%;padding:10px;margin:10px auto;border:0;}
#content {position:relative;margin:10px auto 10px auto} 
#bottom {position: relative;margin:0px auto} 
#top {position:relative;margin:0px auto;z-index:99}  
#bodyex {position: absolute;left:0;top:0;margin:0} 
#bottomex {position: absolute;left:0;bottom:0;margin:0;z-index:-1} 
#topex {position: absolute;left:0;top:0;margin:0;z-index:-1} 
#contentex {position: absolute;left:0;top:0;margin:0;z-index:-1} 
#advsex,#advsex1,#advsex2,#advsex3,#advsex4,#advsex5,#advsex6 {display:none;position: absolute;width:100%;left:0;bottom:0;margin:0;} 
#showpages{padding-bottom:40px!important;}

/*===分割线===*/

.products .center{ width:1200px; margin:0 auto;}
.special{ background:url(../images/line.png) no-repeat center; margin-bottom:50px;}
.products .special h1{font-size:28px; color:#333333; text-align:center; margin-bottom:10px; }
.products .special h2{ font-size:14px; color:#999999; text-align:center; }

/*kuaijie*/
.kuaijie .center{margin:0 auto; width:1200px; margin-bottom:100px;}
.kuaijie .content{ float:left; width:374px; margin-right:30px; text-align:center;font-size:14px;}
.kuaijie .content .wenzi{font-size:14px;line-height:42px;}
.kuaijie .contain{ width:374px; height:150px; overflow:hidden; position:relative;}
.kuaijie .contain div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:33; transition: transform ease-in-out 0.5s;}
.kuaijie .contain img{ -webkit-transition:transform ease-in-out 0.5s;}

.kuaijie .content:hover .wenzi{ color:#0072d4;}
.kuaijie .content:hover .contain img{ transform:scale(1.2,1.2);}
.kuaijie .content:hover .contain div{ transform:scale(0.9,0.8)}

.kuaijie .content:nth-child(3){
 margin-right:0px;
}

.Menubox ul{ text-align:center;font-size:16px;}
.Menubox ul li{ display:inline-block; cursor:pointer;width:124px; height:40px; line-height:40px;text-align:center;border:solid 1px lightgray; margin-right:38px;}
.Menubox ul li:hover{color:#0072d4; border:solid 1px #0072d4;}

.Contentbox{ clear:both; border-top:none;margin-bottom:30px;}
.Contentbox ul{ list-style:none; padding:0;}
.Contentbox ul li{}
.clearfix:after{ clear: both; display: block; height:0; content: '';}
.container{ width:1200px; margin: 0 auto;}
.container li{ position:relative; float:left; margin-right:20px; margin-bottom:40px; cursor:pointer;overflow: hidden; width:280px; height:210px;}

.container li .pro_top{ position:absolute; left:0; top:-210px; width:280px; height:210px;background-color:black; opacity:0.3;}
.container li  h2{ line-height:40px; border:solid 1px white; color:white; width:130px; text-align:center; position:absolute; left:50%; margin-left:-65px; top:50%; margin-top:-20px; visibility:hidden;  z-index:99;}
.container li .img{ 
    width: 280px; height: 210px; display: block;
	-moz-transition:.5s ease-in;
	-webkit-transition:.5s ease-in;
	-o-transition:.5s ease-in;
	-ms-transition:.5s ease-in;
	transition:.5s ease-in;}
.container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.container li:hover .pro_top{top:0; z-index:2;}
.container li:hover h2{ visibility:visible;}

.container li:nth-child(4){
 margin-right:0px;
}
.container li:nth-child(8){
 margin-right:0px;
}

.more{ margin-bottom:100px;}
.more_arrow{ width:134px; margin:0 auto; border:solid 1px lightgray; transition:all 1s;}
.more_arrow img{ width:34px; padding:10px 50px;}
.more_arrow:hover{ background-color:#0072d4;}

/*news*/
.newslist{ margin-bottom:40px;}
.news .special h1{font-size:28px; color:#333333; text-align:center; margin-bottom:10px; }
.news .special h2{ font-size:14px; color:#999999; text-align:center; }
.news .center{ width:1200px; margin:0 auto;}
.news .new{ width:570px; height:56px; border:1px solid lightgray; position:relative; float:left; margin-right:24px; margin-bottom:20px; transition:transform ease-in-out 1s;}
.new h1{ font-size:14px;position:absolute; left:0; float:left; line-height:56px; padding-left:20px;z-index:3; transition:all ease-in-out 0.8s;}
.new h2{ font-size:14px;position:absolute; right:0; float:right; line-height:56px; padding-right:20px;z-index:3;}
.news .new:hover{ transform:translate(18px,0)}
.news .new:hover h1{color:white; padding-left:50px}
.news .new:hover h2{color:white;}
/*渐变色*/
.newslist .new::after {
    content: '';
    position: absolute;
    top: 0px;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(40deg, #0173d4 10%,#26bac1 70%, #41ecb4 );
    transform: scalex(0);
    transition: transform 3s cubic-bezier(.19,1,.22,1);
    transform-origin: left;
    transition-delay: 0s!important;
    transition: all 1.5s ease 0s;
}
.newslist .new:hover::after {
    z-index: 0;
    transform: scalex(1);
    transform-origin: left;
}


/*case*/
.case .center{ margin:0 auto; width:1200px;}
.case .special h1{font-size:28px; color:#333333; text-align:center; margin-bottom:10px; }
.case .special h2{ font-size:14px; color:#999999; text-align:center; }
.picScroll-left{ width:1200px; position:relative;  }
	.picScroll-left .hd{line-height:50px; height:50px; margin-bottom:20px; overflow:hidden; }
	.picScroll-left .hd a{ transition: transform 0.5s;}
	.picScroll-left .hd a:hover{ transform:translate(0,-51px)}
	.picScroll-left .hd .prev{ display:block; float:right; cursor:pointer;}
	.picScroll-left .hd .next{display:block; float:right; margin-right:20px; cursor:pointer;   }
	.picScroll-left .hd .prevStop{ background-position:-60px 0; }
	.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	.picScroll-left .bd{ margin-bottom:70px;}
	/*.tempWrap{overflow:hidden; position:relative;}*/
	.picScroll-left .bd ul{zoom:1; width:100%; left:0px;position:relative; overflow:hidden; padding:0px; margin:0px; }
	.picScroll-left .bd ul li{ float:left; display:inline;width:290px; margin-right:15px; text-align:center;position:relative;height:217px;overflow:hidden;}
	.picScroll-left .bd ul li .pic{ text-align:center;  position:absolute; left:0; top:-217px; width:290px; height:217px;background-color:black; opacity:0.3; }
	.picScroll-left .bd ul li img{ width:290px; height:217px; display:block; transition:all ease-in-out 1s;}
	
	.picScroll-left .bd ul li  h2{ line-height:40px; border:solid 1px white; color:white; width:130px; text-align:center; position:absolute; left:50%; margin-left:-65px; top:50%; margin-top:-20px; visibility:hidden;  z-index:99;}

	.picScroll-left .bd ul li:hover .pic{top:0; z-index:2;}
	.picScroll-left .bd ul li:hover h2{ visibility:visible;}
	.picScroll-left .bd ul li:hover img{ transform:scale(1.2,1.2);}

.list{ text-align:left;font-size:16px; margin-top:40px; margin-bottom:40px;}
.list a{ display:inline-block; cursor:pointer;width:124px; height:40px; line-height:40px;text-align:center;border:solid 1px lightgray; margin-right:38px;}
.list a:hover{color:#0072d4; border:solid 1px #0072d4;}
.select{ text-align:center;margin-bottom:60px;}
.select a{ padding:10px 15px; border:solid 1px lightgray; margin:0 2px;}
.select a:hover{ color:#0072d4; border:solid 1px #0072d4;}

.whole{ margin-bottom:40px;}
.whole-new{ padding:24px 0; border-bottom:1px solid lightgray;}
.whole-new img{float:left; width:200px; height:150px;}
.whole-new .new-content{ float:left; width:694px; height:128px; overflow:hidden; padding:0 80px 0 40px; border-right:1px solid lightgray; margin-top:20px;}
.new-content h1{font-size:18px; padding-bottom:34px;}
.whole-new .date{ float:left;}

.date span{ background:url(../images/arrow-gray.png) no-repeat left; width:28px; height:28px; display:block; -webkit-transition:all ease-in-out 0.7s;}
.date{ padding:40px 30px 22px 30px;}
.date h2{ font-size:22px; margin-bottom:35px; color:lightgray;}
.whole-new:hover .date span{ transform:translate(96px,0); background:url(../images/arrow-blue.png) no-repeat left;}
.whole-new:hover .new-content h1{ color:#0072d4;}
.whole-new:hover .date h2{ color:#0072d4;}
.whole-new .new-content p{font-size:14px;}
.whole-new:hover .new-content p{ color:#0072d4;font-size:14px;}
.whole-new:hover{ border-bottom:1px solid #0072d4;}
.whole-new:hover .new-content{border-right:1px solid #0072d4;}

/*在线留言*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;width:120px;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title span{float:right;font-weight:bold;}
.message_info{color:#8ea6b6;text-align:right;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area .submit{display:inline-block;padding:0px 50px;background:#161616; text-decoration:none; color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;height:42px;line-height:42px;}
.msg_btn_area .submit:hover{text-decoration:none;background:#014083}

/*===插件分离层===*/

.pdv_class{position:absolute;border:0px}


/* ==常用== */

div,li,td,p,select,input,textarea,a,button,input{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;text-decoration: none}
ul{margin:0px;padding:0px;}
table {display:inline-block;border-collapse:collapse;border:none;}

ul,ol,li{ list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5{ font-weight:normal; margin:0;}
p{ margin:0;}
dd,dl{ margin:0; padding:0; border:none;}

a{ text-decoration:none;}
input{ outline:none; margin:0; padding:0; border:none;}
textarea{ outline:none; margin:0; padding:0; border:none;}
.clearfix{ clear:both;}
/* ============表单============== */
form{margin:0;padding:0}
.input{border:1px #ddd solid;height:20px;line-height:20px;padding:0px 3px;color:#555;background:#f7f7f7}
.textarea{border:1px #ddd solid;font-size:12px;padding:3px;background:#f7f7f7}
.button{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.submit{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.mustfill{color:#ff0000}
select{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;}


/* ==提示样式== */

.msgdiv {color:#336699;padding-left:53px;background:url(../images/chk_msg.gif) 30px no-repeat;}
.errdiv {color:#FF0000;padding-left:53px;background:url(../images/chk_error.gif) 30px no-repeat;}
.rightdiv {color:#505050;padding-left:53px;background:url(../images/chk_right.gif) 30px no-repeat;}
.noticediv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_error.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.okdiv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_right.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.securenotice{line-height:100px;color:#FF0000;text-align:center;}


/* ============提示信息窗口============== */
div#alert {display:none;cursor:default;}
div#alert .border{border:1px #97A0AA solid;}
div#alert .ntc{padding:30px;text-align:left;background:#fff;font: 14px/1.6 'microsoft yahei',Verdana, Arial;}
div#alert .buttonzone{padding:15px;text-align:center;background:#f7f7f7;}
div#alert .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
div#alert .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}
div#alert .button{border:1px #97A0AA solid;height:22px;line-height:20px;padding:0px 5px;background:#eee}


/* ============弹出frame/或大窗口层============== */
#frmWindow {display:none;cursor:default;}
#frmWindow .border{border:1px #97A0AA solid;}
#frmWindow .ntc{padding:30px;text-align:left;background:#fff;font: 12px/1.6 'microsoft yahei',Verdana, Arial;}
#frmWindow .buttonzone{padding:15px;text-align:center;padding-top:10px;background:#f7f7f7;}
#frmWindow .Frm{width:100%;height:500px;border:0}
#frmWindow .windowcontent{width:100%;height:380px;overflow:auto;background:#fff;border:0}
#frmWindow .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
#frmWindow .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}