/* ==ȫ������== */
*{ margin:0; padding:0;}
html, body, .container{ height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
html,body{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;-o-text-size-adjust: none; text-size-adjust: none;}
body {font-size: 12px;color:#000; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }

input,textarea,select,button { outline:none;}
area{ outline:none;}
a{ text-decoration:none; color:#666; -webkit-transition: all ease-in .2s; 
-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;
 -o-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover{ color:#ff7214}
ul,li {list-style-type:none;}
img { border:0; margin:0; padding:0;}

.clearfix { *zoom:1;/*IE/7/6*/}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}

h1{ font-size:32px; line-height:60px; font-weight:normal; text-align:center}
.s_pro_section{ width:100%; max-width:1200px; margin:auto; position:relative }
.section{ width:100%; max-width:1200px; margin:auto; }
.container{ width:100%;   height:auto;  _height:100%; min-height:100%;}

.ban{ width:100%; height:397px; float:left; background:url(ban_01.jpg) center no-repeat}
#full-screen-slider { width:100%; height:517px; float:left; position:relative}
#slides { display:block; width:100%; height:517px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:490px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#00853c}

.head{ width:100%; height: 110px; float:left; padding-top:10px;}
.head .logo{ width:480px; height:94px; float:left;}
.head .tel_img{ width:240px; height:auto; float:left; margin-left:20%; margin-top:20px}
.head .ewm_img{ width:88px; height:88px; float:left; margin-left:30px;margin-top:8px}

.menu{ float:left; background:#183883; height:43px; width:100%; }
.menu ul li{ float:left; width:170px; height:auto;text-align:center; background:url(menu_l.jpg) center right no-repeat}
.menu ul li a{ line-height:43px; font-size:16px; color:#FFF}
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.jszcbox{
	justify-content: flex-start;
}
.jszcbox .jszctext{
	width: 70px;
}
.jszcbox .jszcimg{
	width: 50px;
	opacity: 0.4;
}
/*pro���*/
.pro{ width:100%; height:auto; float:left; background:#4d6cb3; padding-top:40px;}
.pro .title{ width:100%; height:auto; float:left;}
.pro .title h2{ font-size:28px; line-height:55px; font-weight:normal; color:#FFF; text-align:center; margin-bottom:10px;}
.pro .title em{ width:100%; height:16px; float:left; background:url(title_bg.png) center no-repeat}
.nTab{ float: left; width:100%; margin: 0 auto;background-position:left; background-repeat:repeat-y; margin-bottom:2px; margin-top:30px } 
.nTab .TabTitle{ clear: both; height: 40px; width:100%; float: left; overflow: hidden;    text-align: center;line-height: 33px; } 
#myTab0{ margin:auto;    margin-left: 35%;}
.nTab .TabTitle ul{ border:0; margin:0; padding:0; } 
.nTab .TabTitle li{ float: left;  width:160px; cursor: pointer; padding-top: 4px; padding-bottom: 2px; list-style-type: none; margin-left:11px; margin-right:11px } 
.nTab .TabTitle .active{ height:40px; background:#4549ea; color:#FFF} 
.nTab .TabTitle .normal{ height:40px; background:#1717c9; color:#FFF} 
.nTab .TabContent{margin: 0px auto; padding:30px 0 0 0;  float:left;width: 100%; } 
.none {display:none;} 
#myTab0_Content0 ul.nyalys li{ float:left; margin-left:5px; margin-right:5px; width:230px;}
.syaltitle{  width:230px; height:35px; line-height:35px; color:#FFF; text-align:center; font-size:14px;}

/*pro���*/
#myTab1{ margin:auto;    margin-left: 20%;}
.nTab .TabTitle ul{ border:0; margin:0; padding:0; } 
.nTab .TabTitle li{ float: left;  width:160px; cursor: pointer; padding-top: 4px; padding-bottom: 2px; list-style-type: none; margin-left:11px; margin-right:11px } 
.nTab .TabTitle .active{ height:40px; background:#4549ea; color:#FFF} 
.nTab .TabTitle .normal{ height:40px; background:#1717c9; color:#FFF} 
.nTab .TabContent{margin: 0px auto; padding:30px 0 0 0;  float:left;width: 100%; } 
.none {display:none;} 
.TabContent ul.nyalys li{ float:left; margin-left:5px; margin-right:5px; width:230px;}
.syaltitle{  width:230px; height:35px; line-height:35px; color:#FFF; text-align:center; font-size:14px;}

/*�����л�*/
.new{ width:100%; height:auto; float:left; padding-top:30px; margin-bottom:30px;}
.new .title{ width:100%; height:auto; float:left;}
.new .title h2{ font-size:28px; line-height:55px; font-weight:normal; color:#000; text-align:center; margin-bottom:10px;}
.new .title em{ width:100%; height:16px; float:left; background:url(new_title_bg.png) center no-repeat}

.n_more{ width:160px; height:40px; display:table;background:url(n_more_bg.png) no-repeat; margin:auto;  text-align:center;}
.n_more a{ line-height:40px; color:#FFF}


/*��һ����ʽ*/
#tabs0 {height: auto;width:100%; float:left; margin-top:40px;margin-bottom: 40px; }
.menu0{margin: auto; display: table;}
.menu0 li{display:block;float: left;width:124px; height:33px;text-align: center;cursor:pointer; background:#eeeeee; line-height:33px; font-size:15px}
.menu0 li.hover{ background: url(new_limg.png) no-repeat; height:42px; color:#FFF;width:124px;}
.main{ width:100%; height:auto; float:left}
#main0 ul{display: none}
#main0 ul.block{display: block; }
.main .new_list{float:left;width: 1200px;}
.main .new_list .new_list01{float:left;width: 15%}
.main .new_list .new_list02{float:right;width: 80%}
.main .new_list .new_list01 span:nth-child(1){text-align: center;background: #e4e4e4;line-height: 56px;font-size: 14px;display: block;color: #949494;}
.main .new_list .new_list01 span:nth-child(2){text-align: center;background: #f8f8f8;line-height: 56px;font-size: 30px;display: block;color: #949494;font-weight: bold;}
.main .new_list .new_list_box{float: left;width: 46%;padding: 25px 0;border-bottom: 1px dashed #dedede;margin: 0 2%;cursor: pointer;}
.main .new_list .new_list_box:hover .new_list01 span:nth-child(1){background: #0013c5;color: #fff;}
.main .new_list .new_list_box:hover .new_list01 span:nth-child(2){color: #0013c5;}
.main .new_list h1{border:none;font-size: 18px;text-align: left;line-height: 38px;position: relative; background: none;}
.main .new_list h1 em{position: absolute;right: 0;top:8px;width: 22px;line-height: 22px;background: #949494;color: #fff;text-align: center;font-weight: normal; font-style: normal;}
.main .new_list .new_list_box:hover em {background: #0013c5;}
.main .new_list dl,.content .new_list dt,.content .new_list dd{border:none;margin: 0;padding: 0;}
.main .new_list dt{width: 100%;font-size: 12px;line-height: 20px; color: #878787;}
.main .new_list dd{width: 100%;font-size: 12px;height: 52px; line-height: 22px;padding-top: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main .new_list .btn_m{float: left;width: 1200px;margin: 40px 0 50px 0;}
.main .new_list h2{width: 159px;line-height: 36px;text-align: center;font-size: 18px;color: #fff;background: #d85f5b;margin: 0 auto;border-radius:5px;cursor: default;}

/*about*/
.about{ width:100%; height:auto; float:left; padding-top:20px; padding-bottom:60px;}
.about p{ line-height:30px; font-size:15px;}
.about h1{ text-align:left; font-size:25px; color:#183883; text-indent:2em}
.about .a_img{ width:45%; height: auto; float:left; margin-right:2%}
.about .text{ width:53%; height:auto; float:left}
.about .text p{ line-height:30px; font-size:14px}
.about .text h1{ font-size:25px; line-height:55px; text-align:left}

.a_ban{ width:100%; height:245px; float:left; background:url(a_ban_bg.jpg) center no-repeat}
/*��������*/
.link{ width:100%; height:40px; float:left; background:#595959}
.link ul li a{ color:#FFF; line-height:40px;}
.link h3{ float:left; color:#FFF; font-size:15px; line-height:40px;}

/*foot*/
.foot{ width:100%; height:auto; float:left; background:#414141; padding-top:35px; padding-bottom:35px;}
.foot .left{ float:left; margin-top:16px;width:380px;}
.foot .left .text{ line-height:25px; font-size:14px; color:#989898; float:left; margin-top:10px}
.foot .right{ float:right; margin-top:26px; margin-left:60px;}
.foot .right p{ color:#c5c5c5; line-height:30px;}

.foot .left .title{ width:100%; height:42px; float:left; border-bottom:1px solid #626262; font-size:17px; color:#c5c5c5}
.foot .left img{ float:left; margin-right:20px;    margin-bottom: 30px;}
.foot .left .p1{ float:left  }
.foot .left p{ font-size:13px; color:#c4c4c4; line-height:22px;} 
.foot .left p span{ font-size:24px;}
.foot .left a{ color:#c4c4c4;}

.foot .cent{ float:left; margin-left:40px; margin-top:84px;}

.foot .bt_tel{ font-size:22px; color:#c4c4c4; float:left; margin-left:50px; margin-right:20px; margin-top:70px}
.foot .bt_tel span{ font-size:32px; color:#c4c4c4;}
.foot .bt_fx{ float:right;margin-top:120px }
.foot .bt_fx ul li{ float:left; margin:5px; }
.footer{ width:100%;  float:left; background:#414141; color:#999999; line-height:40px; border-top:1px solid #6e6e6e}
.footer a{ color:#989898;}
/*��˾���*/
.sub_box {width:100%;float:left; background: #f9f9f9;text-align: center; height: 62px; line-height: 62px;display: block;overflow: hidden; border-bottom: 1px solid #dcdcdc;}
.sub_box ul {float: right;display: block;overflow: hidden;height: 62px; }
.sub_box li {float: left;margin-left: 25px;}
.sub_box li a {color: #666;} 
.sub_box li a.on, .sub_box li a:hover {color: #0b84c5;}

.location {float: left;background: url(ico_home.png) left center no-repeat;padding-left: 20px;font-size: 14px;}
.location em {color: #0b84c5;font-weight: normal;font-style: normal;}

.about .inner {padding: 25px;color: #666;font-size: 14px; line-height: 1.6em;}
.inner .title {font-size: 18px;color: #333;padding-bottom: 10px;}
.filter { padding: 15px 20px;background: #fff;font-size: 14px;color: #666;margin-bottom: 30px;}
/*��������*/
/*main-news*/
.about dl{width:94%; padding:30px 3%; background: #fff; margin: 30px 0; overflow: hidden; box-shadow: 0 0 20px rgba(143, 143, 143, .2); }
.about dl a{width:100%; display: block;color: #666666;}
.about dl dt{width:20%; max-height: 235px; overflow: hidden; float: left;}
.about dl dt img{max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s; opacity: 0.9;}
.about dl dd{  float: left; margin-left: 3%;}
.about dl dd h4{ font-size:24px; height:30px; line-height: 30px;  overflow: hidden; color: #121212; }
.about dl dd p{ font-size: 14px; line-height: 25px; text-indent: 2em; }
.about dl dd h5{display: block;  font-size: 14px;color:#b4b4b4;width:165px; line-height: 30px; text-align: center;z-index: 9999; background: url("case31.png") no-repeat left center; padding-left:18px; margin: 5px 0 2px 0;}
.about dl dd span{color: #3e96cb;}
.about a:hover h4{color: #3e96cb; }
.about a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}

.about .cpimg{ float:left; width:41%; height: auto; margin-right:4%; margin-bottom:30px}
.about .cpimg img{ width:100%;}
.about .cptext{ float:left; width:53%; height:auto }
.about .cptext .title{ width:100%; height:auto; float:left; line-height:55px; font-size: 24px; border-bottom:2px solid #18a035; margin-bottom:10px}
.about .cptext .memo{ font-size:16px; line-height:30px; }
.intro{ width:100%; height:auto; float:left; background: #f2f2f2; padding-top:30px; padding-bottom:30px; line-height:25px; font-size:14px}
/*��t??*/
.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0px; text-align:center;}

.qt-pagination a{background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;   line-height: 30px;   display: inline-block;   text-align: center;}
.qt-pagination  .pages{ background:#183883; color:#fff;}
/*��Ʒչʾ*/
ul.cp_menu li{ float:left; margin-left:15px; margin-right:15px; padding-left:15px; padding-right:15px; height:62px;}
ul.cp_menu li:hover{ background:#183883;}
ul.cp_menu li a{ font-size:16px; line-height:50px; padding:5px; display:block; }
ul.cp_menu li a:hover{ color:#FFF; }
.pro_title{ width:100%; height:auto; float:left; text-align:center; font-size:20px; line-height:60px; margin-bottom:20px;}
.pro_cpimg{ text-align:center; width:100%; height:auto; float:left}
.pro_cpimg img{ max-width:500px}
.pro_intro{ width:100%; height:auto; float:left; font-size:13px; line-height:30px; margin-bottom:40px;}
/*main-product*/
.main-product{width: 100%; overflow: hidden;}
.main-product h2{font-size: 36px; color: #333; text-align: center;}
.main-product h3{font-size: 25px; color: #222; border-bottom: 1px solid #ddd; padding: 10px 0; margin: 30px 0;}
.main-product ul{width: 100%; margin-top: 30px;}
.main-product ul li{width:22%; margin:5px 1%; display: inline-block; vertical-align: top; border:1px solid #DBDBDB}
.main-product ul li a{display: block; width:100%; height:100%;background: #ccc;}
.main-product .product-img{width: 100%; height: auto; overflow: hidden;}
.main-product ul li img{width: 100%;    height: 210px;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-product ul li h4{font-size: 17px; line-height: 50px; text-align: center; font-weight:normal;}
.main-product ul li a:hover{background: #183885; color: #fff;}
.main-product ul li a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s; opacity: 1;}
.main-product .product-main{width: 100%;}
.main-product .cp-pic{width: 50%; padding: 20px 0; float: left;}
.main-product .cp-pic img{max-width: 100%;}
.main-product .cp-con{width: 50%; padding: 10px 0; float: left;}
.main-product .cp-con ul{width: 100%;}
.main-product .cp-con ul li{width: 98%; font-size: 16px; line-height:30px; background: url("case24.png") no-repeat 0 12px; padding-left: 2%;}

.main-product .product-img_zz img{width: 100%;    height: auto;transform: translateZ(0px);transition: transform 0.3s ease 0s;}

/*����*/
.downlist{ width:100%; height:auto; float:left}
.downlist li{  background-repeat:no-repeat; background-position:left center; height:45px; line-height:45px; padding-left:18px; border-bottom:#CCC dashed 1px; background:#f4f4f4 url(hjiant.jpg) left center no-repeat; background-position:5px;margin-bottom: 5px;width: 46%;float: left; margin-right: 20px;}
.downlist li .left{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; float:left}
.downlist li .right{ width:80px; overflow:hidden; font-size:12px; float:right}


/*��ϵ����*/
.main_con{background: #f9f9f9 url(contact_bg.jpg) center top no-repeat;display: block;overflow: hidden; float:left; width:100%; padding-bottom:30px}
.main_con .title {margin: 130px 0 0 35px;font-size: 22px;color: #077ccb;padding: 10px 10px;border-bottom: 2px solid #077ccb;float: left;}
.main_con dl {display: block;overflow: hidden;clear: both;padding: 20px 0 0 35px;}
.main_con h3 {font-size: 18px;}
.main_con p {line-height: 26px;padding-left: 40px;margin-top: 20px;font-size: 14px;background: 0 0 no-repeat;}

.main_con p.tel {background-image: url(i_tel.png);}
.main_con p.mail {background-image: url(i_mail.png);}
.main_con p.add {background-image: url(i_add.png);}
.main_con p.ie {background-image: url(i_ie.png); }
.main_con p.fax {background-image: url(i_fax.png); }
.main_con dt {margin-bottom: 90px;}
.main_con dt h3 {color: #077ccb;}
.main_con dd {width: 50%; float: left;margin-bottom: 40px; }

.main_con .map{ width:100%; height: auto; float:left; margin-top:30px;}

.newsinfo{ width:100%; height:30px; float:left; border:1px solid #ebebeb; background:#fbf9f9; line-height:30px; text-align:center}
.newstitle{ width:100% ;float:left; line-height:65px; text-align:center; font-size:18px}
.newscon{ width:100%; height:auto; float:left; margin-top:30px; line-height:30px; font-size:14px}