@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

/*.banner{ height:591px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:591px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:591px;}
.banner .bantil{ width:200px; height:6px;position:absolute; bottom:30px;left:50%; margin-left:-100px; z-index:8;}
.banner .bantil li{ width:52px; height:6px; float:left; display:inline;background:#fff; opacity:1; border-radius:0; margin:0 5px;}
.banner .bantil li.on{background:#368eca;}*/

.yinz{ height:470px; margin-top:55px; overflow:hidden;}
.yinz ul{ height:245px;}
.yinz li{ width:230px; height:200px; float:left; margin-right:12px; text-align:center; position:relative; background:#efefef;}
.yinz li em{ display:block; width:44px; height:44px; border-radius:44px; background:#368eca; text-align:center; font:20px Arial, Helvetica, sans-serif; line-height:44px; color:#fff; position:relative; margin:-22px auto 0;}
.yinz li span{ display:block; font:20px "Microsoft Yahei"; font-weight:bold; color:#368eca; padding:30px 0 12px;}
.yinz li p{ font:14px "Microsoft Yahei"; line-height:24px; color:#666; text-align:center;}
.yinz li:nth-child(5){ margin-right:0;}
.yinz h5{ width:360px; margin:0 auto; font:16px "Microsoft Yahei"; color:#368eca; background:url(../images/hs_lx.png) no-repeat left center; padding-left:60px;}
.yinz h5 em{ display:block; font:28px "Microsoft Yahei"; font-weight:bold; color:#333;}

.tit{ height:124px; text-align:center; font:40px "Microsoft Yahei"; color:#222;}
.tit a{ display:block; color:#222;}
.tit em{ display:block; font:20px "Microsoft Yahei"; color:#666;}


.pro{ height:735px; padding-top:70px; background:url(../images/pro_bg.jpg) no-repeat center top; overflow:hidden;}
.fen{ background:url(../images/fen_bg.png) no-repeat center top; width:273px; height:710px; overflow:hidden;} 
.fen h3{ height:64px; overflow:hidden; font:28px "Microsoft Yahei"; font-weight:bold; text-align:center; margin-bottom:14px;}
.fen h3 a{ display:block; padding-top:14px; line-height:50px; color:#fff;}
.fen h4{ width:242px; height:34px; margin:0 auto; background:#e1e1e1; font:14px "Microsoft Yahei"; font-weight:bold; line-height:34px;margin-top: 15px;}
.fen h4 a{ display:block; color:#323232; background:url(../images/fen_arr1.png) no-repeat 8px center; padding-left:18px;}
.fen ul{ width:242px; margin:0 auto; padding:8px 0;}
.fen li{ width:121px; float:left; font:12px "Microsoft Yahei"; line-height:24px; height:24px; overflow:hidden;}
.fen li a{ display:block; color:#333; background:url(../images/fen_arr2.png) no-repeat 10px center; padding-left:18px;}
.fen li a:hover{ color:#368eca; font-weight:bold;}
.fen h5{ font:14px "Microsoft Yahei"; color:#368eca; padding:26px 0 0 10px;}
.fen h5 em{ display:block; font:24px "Microsoft Yahei"; font-weight:bold; color:#368eca; background:url(../images/fen_lx.png) no-repeat left center; padding-left:30px;}

.pro1{ width:900px; float:right; overflow:hidden;}
.pro1 h2{ height:35px; background:url(../images/pro_h.png) no-repeat left top; margin-bottom:23px; font:16px "Microsoft Yahei"; line-height:35px; color:#fff;}
.pro1 h2 a{ display:block; color:#fff; padding-left:15px;}
.pro1 h2 em{ float:right; font:16px "Microsoft Yahei"; line-height:35px; color:#333;}
.pro1 li{ width:214px; float:left; margin:0 14px 0 0;}
.pro1 li img{ display:block; width:209px; height:154px; border:3px solid #c1c1c1;}
.pro1 li em{ display:block; height:56px; background:url(../images/case_bg.png) no-repeat center top; font:14px "Microsoft Yahei"; line-height:48px; height:48px; color:#333; overflow:hidden; text-align:center;}
.pro1 li:nth-child(4n){ margin-right:0;}
.pro1 li a:hover img{ border:3px solid #368eca;}
.pro1 li a:hover em{ color:#368eca;}

.case{ height:333px;padding-top:50px;overflow:hidden;background:url(../images/case_bg.jpg) no-repeat center top;}
.case p{ height:47px; margin-bottom:13px;}
.case p a{ display:block; width:232px; height:45px; font:18px "Microsoft Yahei"; line-height:45px; color:#222; border:1px solid #7d7d7d; text-align:center; line-height:45px; margin:0 6px 0 0; float:left;}
.case p a:last-hild{ margin-right:0;}
.case p a:hover{ background:#368eca; color:#fff; border:1px solid #368eca;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.case li{width:236px; float:left; margin:0 4px 0 0;}
.case li img{ display:block; width:230px; height:169px; border:3px solid #c1c1c1;}
.case li em{ display:block; height:56px; background:url(../images/case_bg.png) no-repeat center top; font:14px "Microsoft Yahei"; line-height:48px; height:48px; color:#333; overflow:hidden; text-align:center;}
.case li a:hover img{border:3px solid #368eca;}
.case li a:hover em{ color:#368eca;}

.ys{ width:1200px; margin:44px auto 0; position:relative; height:889px; overflow:hidden; background:url(../images/ys_bg.jpg) no-repeat center top;}
.ys dl{ width:535px; margin-bottom:27px;}
.ys dt{ height:50px; border-bottom:1px solid #c9c9c9; font:26px "Microsoft Yahei"; font-weight:bold; line-height:50px; color:#368eca;}
.ys dt em{ display:block; width:50px; height:50px; font:30px Arial, Helvetica, sans-serif; float:left; margin-right:15px; color:#fff; background:#368eca; text-align:center; line-height:50px;}
.ys dd{ padding:18px 0 0 50px;}
.ys dd p{ font:14px "Microsoft Yahei"; line-height:24px; background:url(../images/ys_arr.png) no-repeat left 8px; padding-left:17px;}
.ys dd span{ display:block; font:14px "Microsoft Yahei"; color:#368eca; padding-top:10px;}
.ys1{ position:absolute; top:148px;}
.ys2{ position:absolute; top:526px; right:0;}

.about{ background:url(../images/20180117115019_147252446.jpg) top center no-repeat; margin-bottom:15px; padding:65px 0 20px 0;min-height:330px;}
.about_bt{background:url(../images/20180117141237_984499666.png) left no-repeat; font-size:20px; font-weight:bold; color:#fff; width:650px; padding-left:28px; margin-bottom:20px;}
.about_bt span{ font-size:16px; color:#fff; font-weight:normal; margin-left: 10px;}
.about_jj{ width: 650px; color:#fff; line-height:33px;}
.about_jj p{ font-size:22px; color:#fff; font-weight: bold; height:49px;}
.about_tp{ width:408px; background:url(../images/20180117145436_410905698.png) bottom center no-repeat; padding-bottom:28px; margin-top:10px; text-align:center;}
.about_more{background:url(../images/20180117141237_984499666.png) right no-repeat #222; width:130px; height: 32px; border-radius:20px; margin-right:20px; text-align:center; line-height:32px; margin-top: 25px; padding-right:10px;}
.about_more:hover{ background:url(../images/20180117141237_984499666.png) right no-repeat #368eca; width:130px; border-radius:20px; text-align:center;}
.about_more a{ color:#FFF;}


/*.about1{ height:420px; padding-top:20px; overflow:hidden; background:#e7e7e7;}
.about1 .content{ background:#fff; height:330px; padding:57px 40px 0 40px; width:1120px;}
.about{ width:555px; overflow:hidden;}
.about dl{ margin:16px 0 0 0;}
.about dt a{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; height:30px; line-height:30px; color:#333;}
.about dd p{ font:14px "Microsoft Yahei"; line-height:26px; color:#555;}
.about dd p a{ color:#368eca;}
.about dd span{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; height:30px; line-height:30px; padding-left:12px; color:#368eca; border:1px solid #368eca; margin-top:20px;}*/

.tit1{ height:33px; border-bottom:1px solid #cecece; overflow:hidden; font:16px "Microsoft Yahei"; font-weight:bold; line-height:33px; color:#368eca; position:relative;}
.tit1 a{ display:block; color:#368eca; background:url(../images/about_icon.png) no-repeat left center; padding-left:24px;}
.tit1 em{ font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; padding-left:8px;}
.tit1 i{ float:right; font:12px Arial, Helvetica, sans-serif; color:#999; line-height:33px;}
.tit1:before{ content:""; position:absolute; bottom:0; left:0; width:120px; height:2px; background:#368eca;}

.honor{ width:490px; overflow:hidden;}
.honor .tit1:before{ width:90px;}
.honor1{ position:relative; background:url(../images/honor_bg.png) no-repeat center top; width:445px; height:219px; margin:20px auto 0;}
.honor2{ width:400px; margin:0 auto; padding-top:20px;}
.honor1 li{ width:195px; float:left; margin-right:15px; float:left;}
.honor1 li img{ display:block; width:195px; height:145px;}
.honor1 li em{ display:block; text-align:center; font:14px "Microsoft Yahei"; height:40px; line-height:40px; color:#555; overflow:hidden;}
.arr1{ position:absolute; top:95px; left:-25px;}
.arr2{ position:absolute; top:95px; right:-25px;}

.faq{ width:365px; height:440px; margin:70px 40px 0 0; overflow:hidden;}
.faq h2{ height:51px; border-bottom:1px solid #666; font:16px "Microsoft Yahei"; font-weight:bold; line-height:51px; margin-bottom:12px;}
.faq h2 a{ display:block; color:#368eca; background:url(../images/faq_hover.png) no-repeat left bottom;}
.faq h2 em{ float:right; font:12px "宋体"; color:#666; line-height:51px;}
.faq dl{ padding:18px 0; border-bottom:1px dashed #e8e8e8;}
.faq dt a{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; line-height:24px; height:24px; color:#222; background:url(../images/q.png) no-repeat left center; padding-left:30px;}
.faq dd{ font:14px "Microsoft Yahei"; line-height:21px; color:#666; padding-left:30px; background:url(../images/a.png) no-repeat left 2px; margin-top:4px;}
.faq dl:hover dt a,.new1 dl:hover dd h3 a,.new1 li a:hover{ color:#368eca;}

.new{ width:415px; height:435px; overflow:hidden; background:#f6f6f6; margin:50px 0; padding:20px 35px 0 35px;}
.newt{ height:51px; border-bottom:1px solid #666; font:16px "Microsoft Yahei"; font-weight:bold; line-height:51px; margin-bottom:12px;}
.newt li{ float:left; margin-right:30px;}
.newt li a{ display:block; color:#333;}
.newt li a:hover,.newt .cur a{ color:#368eca; font-weight:bold; background:url(../images/faq_hover.png) no-repeat center bottom;}
.newt h5 a{float:right; font:12px "宋体"; color:#666; line-height:51px;}
.new1 dl{ height:84px; margin:10px 0; overflow:hidden;}
.new1 dt{ width:149px; height:84px; float:left; overflow:hidden;}
.new1 dt img{ display:block;width:149px; height:84px;}
.new1 dd{ width:260px; float:right;}
.new1 dd h3 a{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; height:30px; line-height:30px; color:#333; overflow:hidden;}
.new1 dd p{ font:14px "Microsoft Yahei"; line-height:21px; height:42px; overflow:hidden;}
.new1 li{ font:14px "Microsoft Yahei"; height:30px; line-height:30px; overflow:hidden; position:relative;}
.new1 li a{ color:#666; padding-left:15px;}
.new1 li em{ float:right; color:#aeaeae;}
.new1 li:before{ content:""; position:absolute; top:12px; left:0; width:3px; height:3px; border-radius:3px; background:#a0a0a0;}


.cont{ width:265px; margin-top:70px; overflow:hidden;}
.cont h2{ height:51px; border-bottom:1px solid #666; font:16px "Microsoft Yahei"; font-weight:bold; line-height:51px; margin-bottom:12px;}
.cont h2 a{ display:block; color:#368eca; background:url(../images/faq_hover.png) no-repeat left bottom;}
.cont h2 em{ float:right; font:12px "宋体"; color:#666; line-height:51px;}
.cont dl{ width:250px; margin-top:10px; float:right;}
.cont dt{ width:247px; height:82px; overflow:hidden; margin-bottom:20px;}
.cont dd p{ font:14px "Microsoft Yahei"; line-height:31px; color:#333;}
.cont dd span{font:14px "Microsoft Yahei"; line-height:31px; display:block; color:#368eca;}



.Off_bg{width:100%; min-width:1200px; /*background:url(../images/20180109095235_2062760023.jpg) center 50px no-repeat;*/ padding-bottom:25px;}
.Off_dh{width:1200px; margin:0 auto; padding:33px 0 10px 0;}
.Off_dh a{font-size:15px;  font-weight:bold; color:#454545;}
.Off_dh a:hover{color:#fff;}
.Off_dh dl{float:left;}
.Off_dh dl dt{}
.Off_dh dl dd{float:left; width:206px; height:51px; line-height:44px; text-align:center; background:url(../images/20180116174819_2055946557.jpg) top center repeat-x; margin:0 4px 10px 4px;}
.Off_dh dl dd:hover{float:left; width:206px; height:51px; line-height:44px; text-align:center; background:url(../images/i_t_bg.png) top center no-repeat;}
.Off_dh .out{color:#fff;}
.Off_dh .on{width:206px; height:51px; line-height:44px; background:url(../images/i_t_bg.png) top center no-repeat;}
.dis{display:none;}
.Off_dh dl dd:hover a{ display:block !important;}
.Off_dh a{color:#fff; font-weight:bold; font-size:15px;}


.news_bg{width:100%; background:url(../images/20180118154056_649659882.jpg) top repeat-x; height:560px; padding-top:30px;}
.news_t{width:1200px; text-align:center; background:url(../images/20180118154921_1243036405.jpg) center no-repeat; font-size: 30px;font-weight: bold;color:#333; line-height:40px; padding-bottom:8px; margin:0 auto;}
.news_t span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; color:#888;}
.convert4{ width:1200px; height:70px; margin:0 auto; }
.convert4 .tab{width:486px; height:46px; margin:0 auto; }
.convert4 .tab a{display:block; color:#333; text-align: center; margin: 0 10px; width: 140px; border: 1px #ccc solid; border-radius:18px; height:32px; line-height: 32px; font-size:16px; float:left;}
.convert4 .tab a.on{display:block; width: 140px;  border: 1px #368eca solid; height:34px; color:#fff;background: #368eca; border:0; }
.convert4 .content{ overflow:hidden; width:1200px; height:480px; position:relative;}
.convert4 .content ul{ position:absolute; left:0; top:0; height:480px;}
.convert4 .content li{ width:1200px; height:auto; float:left;}
.content4 td br{ display:none;}
.content4 td a{ display:block; background:#ededee; line-height:40px; width:220px !important; color:#666; width:220px !important;}
.content4 td a:hover{ display:block; background:#ff6633; color:#fff;}
.news_d{}
.news_d .news_div_item, .divdgweb_new_div_item{float:left; width:583px; margin-right:14px; position:relative; height:115px; margin-top:30px; }
.news_d .news_div_item:nth-of-type(even), .divdgweb_new_div_item:nth-of-type(even){margin-right:0px;}
.news_d .news_div_item .news_div_item_pic, .divdgweb_new_div_item .news_div_item_pic{width:150px; height:118px; padding:2px;background: #fff; border:1px #ccc solid;}
.news_d .news_div_item .news_div_item_pic img, .divdgweb_new_div_item .news_div_item_pic img{width:150px; height:118px;}
.news_d .news_div_item .news_div_item_content, .divdgweb_new_div_item .divdgweb_new_div_item_content{position:absolute; left:120px; top:0; width:350px;padding-left:50px; padding-top:6px; line-height:20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.news_d .news_div_item:hover .news_div_item_content, .divdgweb_new_div_item:hover .divdgweb_new_div_item_content{left:120px;}
.news_d .news_div_item .news_div_item_title, .divdgweb_new_div_item .divdgweb_new_div_item_title{padding-bottom:30px;}
.news_d .news_div_item .news_div_item_title a, .divdgweb_new_div_item .divdgweb_new_div_item_title a{font-size:14px; font-weight:bold; color:#333; float: left;}
.news_d .news_div_item .news_div_item_title a:hover, .divdgweb_new_div_item .divdgweb_new_div_item_title a:hover{color:#db0000;}
.news_d .news_div_item .news_div_item_date, .divdgweb_new_div_item .divdgweb_new_div_item_date{position:absolute; left:170px; top:31px;-webkit-transition: all 0.5s;transition: all 0.5s; color:#888;}
.news_d .news_div_item .news_div_item_date div, .divdgweb_new_div_item .divdgweb_new_div_item_date div{float:left;}
.news_d .news_div_item_body, .divdgweb_new_div_item_body{text-align: left; padding-top: 20px;}


.link_bg{width:100%; background:#eee;}
.link_bgl{width:120px; height:57px; font-size:15px; line-height:24px; color:#fff; text-align:center; background:#368eca; padding-top:12px;}
.link_yk{ width:945px; padding-left:15px;}
.copy_nr{width:100%; text-align:center; line-height:35px; padding-top:20px; color:#fff;}
.copy_nr a{color:#fff;}
.copy_nr1{width:1200px; text-align:center; line-height:35px; color:#fff; padding-top:20px; margin:0 auto;}
.copy_nr1 a{color:#fff;}