@charset "utf-8";

/* CSS Document */

/**

Time : 2017-2

Author : jj

**/





   /*有动画 banner*/

.ct_dh_banner{ height:489px; background:url(../images/ct_14.png) no-repeat top center; background-size:100% 100%; position:relative; overflow:hidden;}

.bn_shadow{ background:url(../images/banner05.png) center no-repeat; position:absolute; top:0; height:46px; z-index:8; width:100%;}

.ct_dhbanbox {

    position: relative;

    height: 519px;

    overflow: hidden;

    top: -30px;

}

.ct_dhbantu{ position:relative; width:950px; height:950px; margin:0 auto;}

.ct_dhbantu .dh_tu1{ position:absolute; top:0; left:0; width:900px; height:950px;}

.ct_dhbantu .dh_tu2{ position:absolute; top:0; left:0; width:900px; height:950px;}

#imga{animation:spin 200s linear infinite;-moz-animation:spin 200s linear infinite;-webkit-animation:spin 200s linear infinite;-o-animation:spin 200s linear infinite;}

#animated_div{animation:spin 100s linear infinite;-moz-animation:spin 100s linear infinite;-webkit-animation:spin 100s linear infinite;-o-animation:spin 100s linear infinite;}

@keyframes spin {

0% {transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}

100% {transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}

}

.ct_dhbanfont{ position:relative; width:690px; height:0; position:absolute; left:50%; bottom:210px; margin-left:-345px; background:url(../images/zqw_20.png) no-repeat; background-size:100% 100%;transition:1.5s 0.5s;}

.ct_dhbanfont h3{ position:absolute; top:0; left:0; width:690px; font-weight:normal; color:#fff; text-align:center; height:90px; line-height:90px; font-size:20px;text-shadow:5px 3px 0px #050505;transition:all 1s 2s;opacity:0;}

.ct_dhbanfonton{ height:90px;bottom:165px;}

.ct_dhbanfonton .h3on{opacity:1; font-size:65px;}



.ct_dhbanfont2{ position:relative; width:690px; height:0; position:absolute; left:50%; bottom:145px; margin-left:-345px; background-size:100% 100%;transition:1.5s 0.5s;}

.ct_dhbanfont2 h3{ position:absolute; top:0; left:0; width:690px; font-weight:normal; color:#fff; text-align:center; height:90px; line-height:90px; font-size:20px;text-shadow:5px 3px 0px #050505;transition:all 3s 0s;opacity:0;}

.ct_dhbanfonton2{ height:90px;top:50%; margin-top:-25px;}

.ct_dhbanfonton2 .h3on2{opacity:1; font-size:65px;}



.ct_dhbanfont2{ position:relative; width:690px; height:0; position:absolute; left:50%; bottom:145px; margin-left:-345px;/* background:url(../images/zqw_20.png) no-repeat;*/ background-size:100% 100%;transition:1.5s 0.5s;}

.ct_dhbanfont2 h3{ position:absolute;left: 50%; top: 50%; width:0; font-weight:normal; color:#fff; text-align:center; height:0; line-height:90px; font-size:20px;text-shadow:0px 0px 5px #082939;transition:all 3s 1s;opacity:0;   }

.ct_dhbanfont2 h3 img{display: block;width: 100%;}

.ct_dhbanfonton2{ height:90px;bottom:100px;}

.ct_dhbanfonton2 .h3on2{opacity:1; font-size:60px; width: 100%; height: 100%;left:0;top:0;}

/*banner end*/

/*search*/

.search {

    width: 100%;

    height: 51px;

    line-height: 52px;

    background: url(../images/search.jpg) center no-repeat;

}

.searchIn{}

.search p {

    font-size: 14px;

    color: #333;

    font-weight: bold;

    margin-left: 100px;

}

.search p span{font-size:14px;color:#666;font-weight:normal;}

.searchbtn {

    height: 38px;

    width: 374px;

    margin-top: 6px;

    margin-right: 133px; position:relative;

}

.searchbtn input{color:#666;width:325px;height:38px;line-height:38px;padding-left:10px;font-size:14px;border:none;background:none;outline:none;}

.searchbtn button{width:38px;height:38px;border:none;color:#fff;font-size:14px; cursor:pointer;background:url(../images/fdj.jpg) center no-repeat; position:absolute; right:80px; border:0;}



.gzwm{ position:absolute; width:110px; height:0px; background:#fff; left:30px; top:-140px; transition:all ease 300ms; overflow:hidden;transform-origin: 50% 100%;}

.gzwm img{ width:100%; height:100%; transition:all ease 300ms;}

.search .m>.fr ul li.guanzhu:hover .gzwm{  height:110px;transform-origin: 50% 100%;}

.tt{ text-align:center; margin:30px 0 15px 0;}

.tt{ height:90px; background:url(../images/tt_bg.jpg) top center no-repeat; padding-top: 5px; margin-top:50px; margin-bottom:50px;}

.tt a{ font-size:30px; color:#46a13a; text-align:center; font-weight:600;  line-height:50px;}

.tt a p {

    font-size: 18px;

    color: #999; font-weight:100; margin-top: -15px;

}



/*product*/

#product {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.product {

	width: 1180px; padding-top:30px; 

	margin: 0 auto;

}

.juedui_more {

	position: absolute;

	right: 0;

	top: 68px;

}

.product_left {

	float: left; width:237px; border:2px solid #0953b9; height:850px;background:url(../images/proL_bg.jpg) left center no-repeat; overflow: hidden;

}

.cpzxtt { width:240px;

	height:80px;

    background:url(../images/pro_tt.jpg) left center no-repeat;margin:-8px 0 0 -2px; text-align: center;

}

.cpzxtt a {

    color: #FFF;

    display: block;

    font-weight: 600;

    font-size: 16px;

    padding-top: 40px;

}

.cpzxtt a p {

    font-size: 20px;

    color: #32ade6;

	font-weight:normal;

    font-family: "Times New Roman";

}

.fenlei {

    line-height: 35px;

 text-align:left; padding-bottom:20px;

}

.fenlei b{ width:183px; height:36px;font-size:15px;font-weight:bold; background:url(../images/pro_02.jpg) left center no-repeat; display:block; margin:0 auto; margin-top:20px;padding-left:30px;}

.fenlei b a{ color:#fff; display:block; line-height:37px;}

.fenlei>ul {

	margin-bottom: 10px;

}



.fenlei>ul>li {

	height: 40px;

	display: inline-block;

	line-height: 40px;

	position: relative;border-bottom:1px dashed #e4e4e4;

	margin-left: 20px;

}

.fenlei>ul>li>a {

	display: block; width:186px;

	height: 40px; 

	text-overflow: ellipsis; 

	white-space: nowrap;

	font-size:15px;

	color: #333;

	margin: 0 auto;

	line-height: 40px;

	text-align: left;

	background:url(../images/arrow.png) left center no-repeat;

	padding-left: 20px;

}

/*.fenlei>ul>li>a::before{ content:"⇢"; margin-right:10px;}*/

.fenlei>ul>li>a:hover { color:#003f95;

}

.product_right {

    width: 922px;

    float: right;

}

.fenlei p {

	color: #fff;

	padding-left: 30px;

}

.r_more {

	float: right;

}

.product_right h4 {

	font-size: 16px;

	height: 41px;

	line-height: 41px;

	margin-bottom:3px; background:url(../images/pro_ico01.png) left center no-repeat; padding-left:40px;

}

.pro_r_bot{ width:100%; height:8px; background:url(../images/pro_r_bot.jpg) repeat-x;}

.product_right h4 .r_more {

}

.product_right h4 .r_more a{ color:#086dba;

}

.product_right>h4>ul>li.selected {

	color: #026bbd !important; 

}

.tab_menu li {

    font-size: 16px;

    width: 100px;

    height: 41px;

    line-height: 41px;

    text-align: center;

    float: left;

    cursor: pointer; color:#333; font-weight:600;

}

.r_more a {

	font-size: 13px;

	font-weight: 100;

	color: #b1b1b1;

	margin-right: 10px;

}

.tab_box .hide {

	display: none;

}



.product_show li .img img {

	width: 285px;

	height: 206px;

	transition: all ease 500ms;

}

.product_show li .img:hover { padding:4px;}

.product_show li .img:hover img { transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); 

}



.product_show {

	width: 957px; margin-top: 13px;

}

.product_show li {

    width: 295px; margin-bottom: 9px;

    float: left;

    margin-right: 18px;

}

.product_show li .img{ position:relative;width: 285px; border:1px solid #e4e4e4; overflow:hidden; padding:4px; border:1px solid #ddd;

	height: 206px;}

.product_show li h5 {

    height: 42px;

    line-height: 42px;

    text-align: center;

    width: 297px; color:#333; font-weight:100; font-size:15px;

}





/*product end*/

/*banner1*/

.banner1{ width:100%; height:275px; background:url(../images/banner1.jpg) center no-repeat; margin-top:20px;}

.banner1 p {

    font-size: 29px;

    color: #ffffff;

    padding-top: 62px;

    margin-bottom:13px;

    margin-left: 852px;

    font-family: fantasy;

}

.banner1 span {

    font-size: 18px;

    font-weight: 100;

    color: #fff;

    margin-right: 10px;

}

.banner1 a {

    background:url(../images/btn01.png) center no-repeat; width:141px; height:32px; line-height:32px;

    font-size: 18px; display:block;

    color: #fff;

    text-align: center;

    line-height: 30px;

    margin-left: 852px;

}

.banner1 a:hover{ }

/*banner1 end*/

.more_r{ height:19px; float:right;}

.more_r a{ color:#888; font-size:12px; line-height:19px; display:inline-block; text-align:center; font-weight:100;}



/*reason*/

.reason {

    width: 100%; background:url(../images/ys_bg.jpg) center no-repeat; height:961px;

    overflow: hidden;}

.ys_tt {

    top: -14px;

    width: 607px;

    height: 69px;

    margin: 0 auto;

    position: relative; margin-bottom:20px;

}

.reason .m{ position:relative;  height:961px;}

.title2 {  margin:0 auto; height:91px; text-align:center; margin-top:158px;

}

.title2 a { display:block; font-size:36px; color:#333;}

.title2 span{ color:#e60112;}





.reason ul li {

	width: 460px;

	position: absolute;

}

 

.reason ul li h5 {

    font-size: 22px;

    color: #054c9c;

    text-align: left;

    font-weight: 600;

    line-height: 50px;

}

.reason ul li b{ font-size:14px; display:block; margin-bottom:20px;color:#b5b5b5; text-transform:uppercase; font-weight:100;}

.reason ul li h5 img {

	margin-right: 10px;

}

.reason ul li p {

    font-size: 14px;

    line-height: 33px;

    position: relative;

    color: #666;

    margin-left: 30px;

}

.reason ul li span {

	display: block;

	font-size: 18px;

	color: #333;

	line-height: 43px;

	font-weight: 100;

	margin-top: -4px;

}

.ys1 {

    top: 33px;

    left: 95px;

}

.ys2 {

    top: 349px;

    right: 18px;

}

.ys3 {

    top: 688px;

    left: 123px;

}



.reason .m>img{ margin-bottom:40px; position:absolute;}



.ys_img1 {

    top: 0;

    right: 0;

}

.ys_img2 {

    top: 337px;

    left: 0;

}

.ys_img3 {

    top: 658px;

    right: 0;

}

/*reason end*/

/*banner2*/

.banner2{ width:100%; height:227px; background:url(../images/banner2.jpg) center no-repeat;}

.banner2 p {

    font-size: 29px;

    color: #ffffff;

    padding-top: 57px;

    margin-bottom: 13px;

    margin-left: 989px;

    font-family: fantasy;

}

.banner2 span {

    font-size: 18px; display:block; margin-bottom:5px;

    font-weight: 100;

    color: #fff;

    margin-right: 10px;

}

.banner2 a {

    background:url(../images/btn01.png) center no-repeat; width:141px; height:32px; line-height:32px;

    font-size: 18px; display:block;

    color: #fff;

    text-align: center;

    line-height: 30px;

    margin-left: 989px;

}

/*banner2 end*/



/*client*/

.client{ width:100%; padding-top:1px; background:#fafafa; height:646px; margin-top:30px; border-bottom:1px solid #ddd; }

.client_tt{ text-align:center; margin-top:40px; margin-bottom:30px;}

.client_tt p{ font-size:18px; color:#666; font-weight:100; margin-top: -19px;}

.client ul{ width:1300px; margin-left:-30px;}

.client ul li { width:354px; height:452px; float:left; padding:0 30px; margin-bottom:35px;

}

.client ul li{ border-left:1px solid #eee; }

.client ul li:first-child{ border:0;}

.client ul li .img{ width:344px; height:237px; padding:4px; border:1px solid #ddd;}

.client ul li img{ width:100%; height:100%; transition:all ease 300ms;}

.client ul li .txt{ width:354px; height:140px; text-align:center;}

.client ul li .txt h5 { text-align: left; margin-bottom: 12px; margin-top: 21px;}

.client ul li .txt h5 a{ font-size:15px; font-weight:600; text-align:center;}

.client ul li .txt p{ font-size:14px; color:#888; line-height:24px; height:72px; overflow:hidden;}

.client .ljzx{ background:url(../images/ljdg.jpg); width:150px; height:49px; display:block; margin:0 auto; margin-top:20px;}

/*client end*/



/*about*/

.about{ background:url(../images/about_bg.jpg) top center no-repeat; height:633px; margin-bottom:30px;}

.about .m>.fl{ width:863px;}

h3.about_tt {

    margin-bottom:15px; border-bottom:1px solid #ddd; height:30px;

}

h3.about_tt>a{ font-size:18px; color:#333; float:left;}

h3.about_tt>a p{ font-size:16px; color:#a2a2a2; display:inline-block; font-weight:100; text-transform:uppercase;}

.jianjie{ margin-top:30px; margin-bottom:20px;width:863px;}

.about_cont{ width:852px; height:306px; border:1px solid #ddd; padding:5px;}

.more_rr {

    float: right; background:#eee;

    width: 53px;

    height: 19px; text-align:center; line-height:19px;

}

.more_rr a{ font-weight:100; color:#999 ; font-size:13px;

     display:block;}

.about_img img{ width:440px; height:307px;}

.about_text {

    width: 352px;

    text-align: left;

    float: left;

    padding: 0 30px;

    padding-top: 40px;

    background: #f0f2f4;

    height: 267px;

}

.about_text h5 a{ font-size:15px; display:block; text-align:left; line-height:40px;  margin-top:10px; }

.about_text p{ font-size:14px; color:#666; line-height:24px; height:144px; overflow:hidden;}

.more{ margin-top:20px; color:#F00; display:block;}

/*about end*/



.ryzz {

    width: 280px;

    height: 566px;

    float: right;

    position: relative;

    padding: 0; margin-top:30px; border:1px solid #ddd; padding-top:30px; overflow:hidden;

}

.ryzz .about_tt{ margin:0 20px; margin-bottom:20px;}



.ryzz .hd {

    position: absolute;

    z-index: 999;

    top:40px;

    right: 30px;

}

.ryzz .bd{ height: 490px !important; overflow:hidden;}

.ryzz .bd ul li{ text-align:center; width:281px;position:relative;}

.ryzz .bd ul li p a{ font-size:15px; color:#333; line-height:30px;}

.ryzz .bd ul li img{ width:227px; height:143px; border:1px solid #ddd; padding:4px; }

.ryzz .prev, .ryzz .next {

    width: 25px;

    height: 25px;

    background: #093;

    position: absolute;

    top: 6px;

    padding-top: 0;

}

.ryzz .prev {

    background: url(../images/llll.png) no-repeat;

    left: -21px;

}

.ryzz .next {

    background: url(../images/rrrr.png) no-repeat;

    left: 0;

}

.qyxc{ position:relative; width:864px; margin-top:30px;}

.qyxc .hd {

    position: relative;

    z-index: 999;

    top: 16px;

    left: 594px;

    text-align: center;

    width: 87px;

    height: 69px;

}

.qyxc .bd { width:888px; height: 149px;overflow: hidden;}

.qyxc .prev, .qyxc .next {

    width: 25px;

    height: 25px;

    background: #093;

    position: absolute;

    top: 6px;

    padding-top: 0;

}

.qyxc .prev {

    background: url(../images/llll.png) no-repeat;

    left: -21px;

}

.qyxc .next {

    background: url(../images/rrrr.png) no-repeat;

    left: 0;

}

.qyxc .tt2{ width:100%; height:78px; background:url(../images/qyxc_tt.jpg) bottom left no-repeat;} 

.qyxc .tt2>a {

    margin-left: 56px;

}

.qyxc ul {}

.qyxc ul li{ float:left; width:203px; height:146px; position:relative; margin-right:10px; border:1px solid #ddd;}

.qyxc ul li img{ width:205px; height:146px; transition:all ease 300ms; }

.qyxc ul li h6{ display:block;  width:205px; height:146px;line-height:146px; background:rgba(0,0,0,0.6); color:#fff; position:absolute; top:0; text-align:center; font-weight:100; font-size:16px; display:none;}

.qyxc ul li:hover img{ transform:scale(0.95,0.95);}

.qyxc ul li:hover h6{ display:block;}

/*about end*/



/*news*/

.news{ background:#f3f3f3; height:410px; padding-top:50px;}

.news_tt{ height:40px; line-height:40px; border-bottom:1px solid #ddd; padding:0 20px;}

.news_tt>a{ font-size:16px;}

.news_tt::before{ content:url(../images/ico11.jpg); margin-right:10px;}

.news_tt .more_r{ font-size:12px; font-weight:100; color:#999;}

.news .fl{ width:384px; height:363px; border:1px solid #ddd; background:#fff; margin-right: 11px;}

.news .fl li{ margin:0 20px; height:40px; line-height:40px;}

.news .fl ul{ margin-top:10px;}

.news .fl li a{ display:block; width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}

.news .fl li span{ float:right; color:#999; font-size:12px;}

.cjwt { width:384px; height:363px; border:1px solid #ddd; background:#fff; }

.cjwt_box {

    height: 280px;

    overflow: hidden;

    padding-top: 21px;

}

.cjwt_box>.r_more {

    position: relative;

    left: 20px;

    top: 16px;

}

.cjwt_text.right {

    width: 316px;

}

.cjwt_text{ position:relative;}

.cjwt_text h5 a{ text-align:left; font-weight:600; line-height:35px; position:relative; padding-left: 30px;}

.cjwt_text h5 a::before{ content:url(../images/a.png); left:0; position:absolute;}

.cjwt_text p{ color:#666; line-height:24px; height:48px; overflow-y:hidden; position:relative; margin-left:30px;}

.cjwt_text::before{ content:url(../images/q.png); margin-right:10px; position:absolute; left:0px; top:35px;}

.cjwt ul li{height:85px; border-bottom:1px solid #eee; padding:10px;}

.cjwt .m_title>a {

    margin-left: 20px; color: #fff; position:relative; 

}





/*news end*/

/*links*/

.links{ background:#f3f3f3; height:120px;}

.links .m{

    background:url(../images/link_bg.jpg) top left no-repeat; height:38px;

}

.link_tt {

    font-size: 20px;

    color: #333;

    font-weight: 600;

    line-height: 28px;

    margin-left: 120px; margin-bottom:10px;

}

.links a {

    display: inline-block;

    padding: 0px 17px;

    color: #333;

    line-height: 30px;

}

.links a:hover {

	color: #666;

}

.link_box{ width:1080px;margin-top: 20px;}

/*links end*/