@charset "utf-8";
/* CSS Document */
/*index*/
/*Commen*/
*{ font-family:"微软雅黑"; color:gray; font-size:14px;}
body{ margin:0;}
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;}
img{ display:block;}
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;}


/*top*/
.top{width:100%; background-color:#333333;}
.top .center{ width:1200px; margin:0 auto; padding:12px 0;}
.top .left{ float:left; color:white;}
.top .right { float:right;}
.top .right a{ color:white;}
/*logo*/
.logo img{ margin:0 auto;}
/*nav*/
.nav{ border-top:1px solid lightgray; width:100%; background-color:white; z-index:66;}
.nav li{ float:left; margin-right:100px; padding:32px 0;}
.nav .center{ width:1200px; margin:0 auto;}
.nav li:hover{ border-bottom:4px solid #0072d4; padding:32px 0 28px 0;}
.nav li:hover a{ color:#0072d4;}

/*banner*/
.flexslider{position:relative;width:100%;height:600px;overflow:hidden;zoom:1; margin-bottom:90px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;left:50%; margin-left:-960px;position:relative;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*kuaijie*/
.kuaijie .center{margin:0 auto; width:1200px; margin-bottom:100px;}
.kuaijie .content{ float:left; width:374px; margin-right:30px; text-align:center;}
.kuaijie .content .wenzi{ margin-top:26px;}
.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)}
/*products*/

.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; }
/*tab*/
#Tab{margin:0 auto;width:1200px;}
.Menubox ul{ text-align:center;font-size:16px;}
.Menubox ul li{ display:inline-block; cursor:pointer;width:160px; height:40px; line-height:40px;text-align:center;border:solid 1px lightgray; margin-right:38px; margin-bottom: 20px;}
.Menubox ul li.hover{color:#0072d4; border:solid 1px #0072d4;}
.Contentbox{ clear:both; border-top:none; margin-top:45px;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;}

.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:80px;}
.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{ position:absolute; left:0; float:left; line-height:56px; padding-left:20px;z-index:3; transition:all ease-in-out 0.8s;}
.new h2{ 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;
}

/*about*/
.about{ margin-bottom:100px;}
.a-left{ width:50%; height:460px; float:left; background-image:url(../images/about.jpg); background-repeat:no-repeat; position:relative;}
.a-right{ width:50%; height:460px; float:right; background-color:#c1ecde;}

.about .pic{ width:256px; height:320px; float:right; margin-top:66px; overflow:hidden;}
.about .pic img{ width:100%;}

.a-content{ width:612px; margin-top:66px; padding-left:56px; background-color:white; height:320px;}
.a-content h1{font-size:28px; padding-bottom:15px; color:black; padding-top:50px;}
.a-content .aa{ padding-bottom:36px; width:445px;}
.a-more{ border:1px solid lightgray; width:113px; line-height:30px; text-align:center; transition:all 1s;}
.a-more:hover{ background-color:#0072d4; color:white; border:none;border:1px solid #0072d4;}

/*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;margin-top: 60px; 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);}

/*contact*/
.contact .center{ margin:0 auto; width:1200px; padding-bottom:74px;}
.contact .special h1{font-size:28px; color:#333333; text-align:center; margin-bottom:10px; }
.contact .special h2{ font-size:14px; color:#999999; text-align:center; }
.c-left{ float:left;}
.c-left p{ line-height:42px;}



.erweima{ margin-bottom:20px; width:125px; height:123px; overflow:hidden;}
.erweima img{ width:100%;}
.c-right{ float:right;}
.c-right input{ width:584px; height:40px;}
.c-right div{ border-bottom:1px solid lightgray; width:584px; margin-bottom:30px;}
.submit{ height:45px; color:white; background-color:#0072d4;}

/*bottom*/
.footer{ background-color:#333333; width:100%;}
.footer .center{ margin:0 auto; width:1200px;}
.copy{ text-align:center; padding:20px 0 12px;}


/*back to top*/
#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 149px;
}
#rocket-to-top .level-2 {
    background: url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 250px;
    opacity: 0;
    z-index: 99;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 150px;
    z-index: 99;
}
#rocket-to-top {
    background: url("../images/rocket_button_up1.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 250px;
    margin: -125px 0 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 80%;
    width: 149px;
    z-index: 99;
}



/*内页*/

/*about us*/
.nei-banner{ width:100%; overflow:hidden;}
.nei-banner img{ position:relative; left:50%; margin-left:-960px;}
.about-detail .center{ margin:0 auto; width:1200px;}
.about-detail p{ line-height:30px;}
.about-top{ border-bottom:1px solid lightgray; line-height:78px;}
.about-bottom{ padding-bottom:150px;}
.about-bottom img{ float:left; margin-right:55px;}
.about-bottom .content1{ float:left; line-height:30px; height:300px; overflow:hidden;}
.about-bottom .content2{line-height:30px; height:210px; overflow:hidden; padding-top:40px; margin-bottom:120px;text-align:justify;text-justify:inter-ideograph;}

/*product*/
.product-detail .center{ margin:0 auto; width:1200px;}
.product-top{ border-bottom:1px solid lightgray; line-height:78px;}

.list{ text-align:left;font-size:16px; margin-top:60px; margin-bottom:70px;}
.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;}
.select a{ padding:10px 15px; border:solid 1px lightgray; margin:0 2px;}
.select a:hover{ color:#0072d4; border:solid 1px #0072d4;}
.product-content{ padding-bottom:150px;}

/*product-detail*/
.back{ float:right; background:url(../images/back.png) no-repeat left top; padding-left:23px; margin-top:28px; line-height:17px;}
.back:hover{ background:url(../images/back.png) no-repeat left bottom; }
.back:hover{ color:#0072d4;}
.show{ text-align:center;}
.show h1{ font-size:24px; margin-bottom:25px;}
.show img{ display:block; margin:0 auto;}
.show span{width:36px; height:50px; overflow:hidden; display:block; vertical-align:middle; margin-top:30%;}
.show-contain{ margin:0 auto; position:relative; width:600px; overflow:hidden;}
.show .left-arrow{ background:url(../images/left.png) no-repeat; position:absolute; left:0%; bottom:40%;}
.show .right-arrow{ background:url(../images/right.png) no-repeat; position:absolute; right:0%; bottom:40%;}
.show p{text-align:justify;text-justify:inter-ideograph; margin-bottom:150px; margin-top:60px; line-height:24px;}
.show .left-arrow:hover{ background:url(../images/left.png) no-repeat bottom;}
.show .right-arrow:hover{ background:url(../images/right.png) no-repeat bottom;}


/*news*/
.news-detail .center{ margin:0 auto; width:1200px;}
.news-top{ border-bottom:1px solid lightgray; line-height:78px;}
.news-content{ padding-bottom:150px;}
.whole{ margin-bottom:90px;}
.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:hover .new-content p{ color:#0072d4;}
.whole-new:hover{ border-bottom:1px solid #0072d4;}
.whole-new:hover .new-content{border-right:1px solid #0072d4;}

/*news-detail*/
.detail-content{ position:relative; padding:50px 0 150px;}
.title{ float:left;}
.detail{ float:right; width:834px; line-height:30px;}
.check{ position:absolute; bottom:150px; left:0;}

.title h1{ font-size:24px;}
.title div{ padding:30px 0 24px;}
.title h2{ margin-bottom:14px;}
.check h3{ margin-top:14px;}
.check a:hover{ color:#0072d4;}

/*contact*/
.contact-detail .center{ margin:0 auto; width:1200px;}
.contact-top{ border-bottom:1px solid lightgray; line-height:78px;}
.contact-bottom{ padding:60px 0 150px;}
.ditu{ float:right; width:804px; overflow:hidden;}

.message{ margin-top:90px;}
.message input{border-bottom:1px solid lightgray; width:488px; height:40px;}
.message div{width:488px; margin-bottom:40px;}
.submit{ height:45px; color:white; background-color:#0072d4;}
.message-left{ float:left;}
.message-right{ float:right;}

.message-right div input{width:488px; height:120px; border-bottom:1px solid lightgray; }



/*在线留言*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.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 a{display:inline-block;padding:10px 50px;background:#161616; text-decoration:none; color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#014083}


/*显示留言*/
.show_message_title{ width:98%; margin:0 auto; height:30px; line-height:30px; background:#9a9a9a; padding-left:10px; color:#fff; font-size:14px;}
.show_message{ width:98%; height:auto; margin:5px auto; padding:5px;  border:1px #ccc solid; line-height:30px}
.show_message .liuyanren{float:left; font-size:12px;}
.show_message .time{float:right; margin-right:20px; width:200px}
.show_message  span{ float:left; font-size:12px; font-weight:bolder}
.show_message .huifu{font-size:12px; color:#F00;}